ugrás a tartalomhoz

Optionban szereplő értékek használata

vargarichard · 2009. Jún. 13. (Szo), 03.52
Üdv!

Nos, új vagyok az oldalon. Kezdő vagyok.Bevallom.Elég sokat olvastam a témában, de nem jutok előre akkor sem. Előre lnézést kérek mindenkitől.

A problémám a következő:
Adott egy, illetve igazából több <option></option>, mindegyiket, ahogyan azt kell id-vel és névvel láttam el. Ahogy azt általában láttam ezek a nevek megegyeznek, így én is ezt tettem. Ezzel nincs is semmi gond. De mutatom a kódrészt:
  1. <html>  
  2.   
  3. <form>  
  4.   
  5. <select size="1" id="tipus" name="tipus">  
  6. <option value="1">Szoba típusa</option>  
  7. <option value="1">Standard</option>  
  8. <option value="2">Superior</option>  
  9. <option value="3">Lakosztály</option>  
  10. </select>  
  11.   
  12. <select size="1" id="szam" name="szam">  
  13. <option value="1">Szobák száma</option>  
  14. <option value="1">1</option>  
  15. <option value="2">2</option>  
  16. <option value="3">3</option>  
  17. <option value="4">4/option>  
  18. <option value="5">5</option>  
  19. <option value="6">több</option>  
  20. </select>  
  21.   
  22. <select size="1" id="letszam" name="letszam">  
  23. <option value="1">Létszám</option>  
  24. <option value="1">1</option>  
  25. <option value="2">2</option>  
  26. <option value="3">3</option>  
  27. <option value="4">4</option>  
  28. <option value="5">5</option>  
  29. <option value="6">több</option>  
  30. </select>  
  31. &nbsp;  
  32. &nbsp;  
  33. &nbsp;  
  34. &nbsp;  
  35. &nbsp;  
  36. &nbsp;&nbsp;  
  37. &nbsp;  
  38. &nbsp;  
  39.   
  40. </html>  
Nos ezekről a listákról van tehát szó.
Ezen a formon szeretnék elhelyezni egy nyomógombot is, de onchange eseményre szeretném megoldani azt, hogyha a listából kiválasztott egy értéket, azt írja le a form alá. Néztem alertes megoldásokat, de nekem nem erre lenne szükségem. Thát valahogy így:

lista1
--standard
--superior
--lakosztály

Nos ha ebből kiválasztotta a standardot, akkor írja ki a form alá, hogy szobatípus: STANDARD
És ezeket természetesen össze is szeretném fűzni.

Valahol láttam egy ilyen megoldást adatok kiírására:
  1. <html>  
  2. <head>  
  3. <script>  
  4. function ize(select){  
  5. if (select.value==1) {  
  6. document.getElementById('txt').innerHTML='1. lehetőség';  
  7. } else if (select.value==2) {  
  8. document.getElementById('txt').innerHTML='2. lehetőség';  
  9. } else if (select.value==3) {  
  10. document.getElementById('txt').innerHTML='3. lehetőség';  
  11. }  
  12. }  
  13. </script>  
  14. </head>  
  15. <body>  
  16. <select onchange="ize(this)">  
  17. <option value="1">1asd</option>  
  18. <option value="2">2asd</option>  
  19. <option value="3">3asd</option>  
  20. </select><br>  
  21. <span id="txt"></span>  
  22. </body>  
  23. </html>  
Ha javascripttel akarom megcsinálni, akkor mnidegyik optionnál új function kell csinálnom???

Köszönöm a válaszokat!
‹ Van-e jQuery megfelelője? Ezres tördelés adatbevitelkor ›
 ■
1

Szép megoldás

Joó Ádám · 2009. Jún. 13. (Szo), 12.47
Egyrészt, használj valid XHTML-t:
Másrészt használj <label> címkéket a mezőkhöz, ne a <select>-be tedd a mező megnevezését. Az &nbsp;-ket nem tudom, mire használod, de felejtsd el.

Harmadrészt keress egy szimpatikus JavaScript könyvtárat, mondjuk a jQueryt (ő lesz ezentúl az egyik legjobb barátod), és diszkréten adj hozzá a change eseményekhez egy-egy névtelen függvényt, ami a megfelelő helyre beszúrja a legördülőkből kiválasztott értéket.