Avatar billede hangaard Nybegynder
07. januar 2004 - 14:04 Der er 23 kommentarer

Automatisk scroll til bunden i select-box

Hej kloge hoveder!

Jeg har en select-box, som jeg skal ha' scrollet helt i bund v.h.a. JavaScript.

Nogen der kan hjælpe?


Hilsen
hangaard
Avatar billede thesurfer Nybegynder
07. januar 2004 - 14:05 #1
Skal du bare have fat i den sidste option?
Avatar billede powerade Nybegynder
07. januar 2004 - 14:06 #2
Altså du mener en HTML <select>??
I så fald kan du gøre såden her..
<select name="test">
<option value=1>bla bla</option>
<option value=2>bla bla</option>
<option selected value=3>bla bla</option>
</select>
Avatar billede hangaard Nybegynder
07. januar 2004 - 14:17 #3
Det er en HTML <select> men det skal gøres med JavaScript fordi det skal kunne udføres on-demand fx. ved tryk på en knap.
Avatar billede powerade Nybegynder
07. januar 2004 - 14:37 #4
Du kan gøre sådan her så..
<html>
<head>
<title>test</title>
<form name="myform">
<input type="Button" onClick="document.myform.test.selectedIndex = 2">
<select name="test">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
</form>
</body>

</html>
Avatar billede thesurfer Nybegynder
07. januar 2004 - 14:39 #5
powerade> Så skal man godt nok selv tælle dem.. jeg tænkte på noget der ligner:

<form name="frmMitValg">
<select name="mitvalg">
<option value="">Vælg noget</option>
<option value="valg1">Valgmulighed 1</option>
<option value="valg2">Valgmulighed 2</option>
<option value="valg3">Valgmulighed 3</option>
</select>
<input type="button" value="vælg sidste" onClick="this.form.mitvalg.options[this.form.mitvalg.options.length].selected = true;">
</form>

Men jeg kan ikke helt få det til at virke..
Avatar billede thesurfer Nybegynder
07. januar 2004 - 14:43 #6
Jeg tror at den her virker:

<input type="button" value="vælg sidste" onClick="this.form.mitvalg.options[this.form.mitvalg.options.length - 1].selected = true;">
Avatar billede powerade Nybegynder
07. januar 2004 - 14:43 #7
Såden her virker det...
<input type="Button" onClick="document.myform.test.selectedIndex = [myform.test.length]-1">
Avatar billede powerade Nybegynder
07. januar 2004 - 14:43 #8
:D Jeps...
Avatar billede thesurfer Nybegynder
07. januar 2004 - 14:43 #9
powerade> Du er alt for langsom ;-)
Avatar billede thesurfer Nybegynder
07. januar 2004 - 14:44 #10
hmm. jeg tror at min er bedre, idet man kun skal ændre selectboksen "mitvalg"... :)
I dit script, skal man både ændre navnet på formen og navnet på selectboksen :) :)
Avatar billede powerade Nybegynder
07. januar 2004 - 14:45 #11
:D Ja meget... ;o)
Avatar billede powerade Nybegynder
07. januar 2004 - 14:46 #12
Til gengæld er din onClick meget længere end min... ;o)
Avatar billede thesurfer Nybegynder
07. januar 2004 - 14:46 #13
Det sagde hun også i går ;-)
Avatar billede thesurfer Nybegynder
07. januar 2004 - 14:47 #14
nej vent.. den kan misforstået :P
Avatar billede powerade Nybegynder
07. januar 2004 - 14:48 #15
Hæh... Så slut.. Sku vi sige at den bed var garberet eller ged var barberet..
Avatar billede thesurfer Nybegynder
07. januar 2004 - 15:03 #16
Hvis man kalder selve selectboksen for "s" (eller et andet bogstav) kan selve koden blive så kort:
onClick="this.form.s.selectedIndex=[s.length]-1"
Avatar billede powerade Nybegynder
07. januar 2004 - 15:04 #17
:D
Avatar billede hangaard Nybegynder
08. januar 2004 - 10:42 #18
Tak for Jeres ihærdighed!

Men det funger ikke...

Sidste OPTION i SELECT'en bliver valgt, men jeg kan ikke se den, da der ikke scrolles til bunden.

hangaard
Avatar billede thesurfer Nybegynder
08. januar 2004 - 14:15 #19
"da der ikke scrolles til bunden"? Hvad mener du med det?
Giv et eksempel, enten noget kode du allerede har som kan sættes ind her, eller et link til en side..
Avatar billede hangaard Nybegynder
08. januar 2004 - 17:35 #20
thesurfer> Jeg kan godt forstå du undrer dig. Jeg har glemt at informere om en væsentlig detalje... der er tale om en multipel-selection, dvs. at select-boksen fylder mere end en linie, og derfor er der en scroll-bar når der er flere options end linier.

hangaard
Avatar billede roenving Novice
08. januar 2004 - 17:42 #21
Virker

onclick="s=this.form.minSelect;s.selectedIndex=s.length-1;s.options[s.length-1].selected=true;"

ikke hos dig ?-)
Avatar billede powerade Nybegynder
09. januar 2004 - 13:57 #22
Forstår heller ikke helt hvorfor det ikke virker... Er lige så forundret som roenving.. Du må indsætte din kode så vi kan se hvad du gør / gør forkert..
Avatar billede thesurfer Nybegynder
09. januar 2004 - 15:10 #23
Det her virker i Opera v7.20, Internet Explorer v6 og Mozilla v1.5 (5.0):

<form name="frmMitValg">
<select name="mitvalg" size="3">
<option value="">Vælg noget</option>
<option value="valg1">Valgmulighed 1</option>
<option value="valg2">Valgmulighed 2</option>
<option value="valg3">Valgmulighed 3</option>
<option value="valg4">Valgmulighed 4</option>
<option value="valg5">Valgmulighed 5</option>
<option value="valg6">Valgmulighed 6</option>
<option value="valg7">Valgmulighed 7</option>
<option value="valg8">Valgmulighed 8</option>
<option value="valg9">Valgmulighed 9</option>
</select>
<input type="button" value="vælg sidste" onClick="this.form.mitvalg.options[this.form.mitvalg.options.length - 1].selected = true;">
</form>

Hvis det ikke virker hos dig, laver du noget forkert :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester