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.
  1. <tr><td><select id='alkatreszek' name='alkatreszek1'>  
  2. <option value='0'>__Semmi__ []</option>  
  3. <option value='27'>Alma [dkg]</option>  
  4. <option selected='selected' value='49'>Sertéshús (comb *) [dkg]</option>  
  5. </select>  
  6. <input type='hidden' name='old1' value='49'>  
  7. </td>  
  8. <td align='right'><input type='text' name='mennyiseg1' value='4'></td>  
  9. </tr>  
  10. <tr>  
  11. <tr><td><select id='alkatreszek' name='alkatreszek2'>  
  12. ...  
  13. ...  
  14. </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
 
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?
  1. <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:
  1. window.onload=function() {  
  2.   if (!('autofocus' in document.createElement('input')))  
  3.     document.getElementById('alkatreszek').focus()  
  4. }  
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
  1. <body background=kishatter.jpg>  
  2.   
  3. <script type="text/javascript">  
  4. window.onload=function() {    
  5.    if (!('autofocus' in document.createElement('input')))    
  6.      document.getElementById('alkatreszek').focus()    
  7.     }  
  8. </script>  
  9.   
  10. <a href="index.php"><br>Vissza a főoldalra ... <hr></a><br><br>  
  11. <table cellpadding='5' border=1 align='center' background='paper.gif'><tr>  
  12. <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'>  
  13.   <div>  
  14.     <tr>  
  15.     <td><label for='tetel1'>1. tétel:</label></td>  
  16.   
  17. <td><select id='alkatreszek1' name='alkatreszek1' autofocus>  
  18. <option value='0'>__Semmi__ []</option>  
  19. <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