ugrás a tartalomhoz

(html) Legördülő lista automatikus kiválasztása

SargaRigo · 2010. Aug. 28. (Szo), 13.16
Sziasztok!

Az alábbiakban kérném segítségeteket!
Arról van szó, hogy van egy form-om, amiben egymás alatt van több legördülő lista.

<tr><td><select id='alkatreszek' name='alkatreszek1'>
<option value='0'>__Semmi__ []</option>
<option value='27'>Alma [dkg]</option>
<option selected='selected' value='49'>Sertéshús (comb *) [dkg]</option>
</select>
<input type='hidden' name='old1' value='49'>
</td>
<td align='right'><input type='text' name='mennyiseg1' value='4'></td>
</tr>
<tr>
<tr><td><select id='alkatreszek' name='alkatreszek2'>
...
...
</select>
Namost ebből van jó sok, szépen egymás alatt. Hogyan tudom megoldani azt, hogy a kiválasztás az oldal betöltődése után azonnal az első elemre essen? Tehát ha megnyomom az 'a' betűt, akkor az első lista kiválassza az 'Alma' tételt, ne kelljen előbb tabulátorral ráugrálni a listára (egér nélkül sokszor gyorsabb az élet).


Üdv és köszönet
Krisz
‹ Egy szó keresése egy javascript tömb elemeiben jQuery fade in fade out div background-image ›
 ■
1

Úgy érted, hogy a fókuszt az

kuka · 2010. Aug. 28. (Szo), 13.42
Úgy érted, hogy a fókuszt az illető select elemre helyezni?

<select id='alkatreszek' name='alkatreszek1' autofocus>
De ajánlatos JavaScript alternatívát is írni hozzá, lévén a fenti HTML 5 megoldást egyelőre csak WebKit és Presto ismeri:

window.onload=function() {
  if (!('autofocus' in document.createElement('input')))
    document.getElementById('alkatreszek').focus()
}
2

Igen-igen! Pontosan ezt

SargaRigo · 2010. Aug. 28. (Szo), 14.14
Igen-igen! Pontosan ezt szeretném!
Az alábbi módon próbáltam útmutatásod alapján

<body background=kishatter.jpg>

<script type="text/javascript">
window.onload=function() {  
   if (!('autofocus' in document.createElement('input')))  
     document.getElementById('alkatreszek').focus()  
 	}
</script>

<a href="index.php"><br>Vissza a főoldalra ... <hr></a><br><br>
<table cellpadding='5' border=1 align='center' background='paper.gif'><tr>
<td colspan='4' align='center'>A(z) Zöldséges sertés ragu összetevői:</td></tr><tr><form method='post' action='/recept_feltolt.php'>
  <div>
	<tr>
	<td><label for='tetel1'>1. tétel:</label></td>

<td><select id='alkatreszek1' name='alkatreszek1' autofocus>
<option value='0'>__Semmi__ []</option>
<option value='27'>Alma [dkg]</option>
de még mindig nem működik. Mit rontok el?? :(

Krisz
3

Először ezt

kuka · 2010. Aug. 28. (Szo), 14.28
Először ezt írtad:
<tr><td><select id='alkatreszek' name='alkatreszek1'>

Másodszor ezt írtad:
<td><select id='alkatreszek1' name='alkatreszek1' autofocus>

'alkatreszek' != 'alkatreszek1'

Ha csak úgy cserélgeted az elemek egyedi azonosítóját, a legkevesebb ami elvárható az, hogy valami nem fog működni.

Döntsd el mi legyen az azonosító, aztán ugyanazt add meg a getElementById() metódusnak is.
5

ööö.. ez jogos, én észre sem

SargaRigo · 2010. Aug. 28. (Szo), 19.55
ööö.. ez jogos, én észre sem vettem. Mindazonáltal a válasz tökéletes! Most már működk, köszönöm szépen!!

Krisz

szerk: amúgy a cserebere oka az, hogy egy php kód gyártja le őket. Nem figyeltem.
6

nem fontos

DjCsabi · 2010. Aug. 29. (V), 01.27
nem az id a fő rész az hanyagolható, a name ami a fontos. És nem kötelező meggyezzen az id a name-l.
4

alkatreszek <> alkatreszek1

Poetro · 2010. Aug. 28. (Szo), 16.25
alkatreszek <> alkatreszek1