Optionban szereplő értékek használata
Ü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: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:Ha javascripttel akarom megcsinálni, akkor mnidegyik optionnál új function kell csinálnom???
Köszönöm a válaszokat!
■ 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:
<html>
<form>
<select size="1" id="tipus" name="tipus">
<option value="1">Szoba típusa</option>
<option value="1">Standard</option>
<option value="2">Superior</option>
<option value="3">Lakosztály</option>
</select>
<select size="1" id="szam" name="szam">
<option value="1">Szobák száma</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4/option>
<option value="5">5</option>
<option value="6">több</option>
</select>
<select size="1" id="letszam" name="letszam">
<option value="1">Létszám</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">több</option>
</select>
</html>
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:
<html>
<head>
<script>
function ize(select){
if (select.value==1) {
document.getElementById('txt').innerHTML='1. lehetőség';
} else if (select.value==2) {
document.getElementById('txt').innerHTML='2. lehetőség';
} else if (select.value==3) {
document.getElementById('txt').innerHTML='3. lehetőség';
}
}
</script>
</head>
<body>
<select onchange="ize(this)">
<option value="1">1asd</option>
<option value="2">2asd</option>
<option value="3">3asd</option>
</select><br>
<span id="txt"></span>
</body>
</html>
Köszönöm a válaszokat!
Szép megoldás
- sablon: http://www.w3.org/QA/2002/04/valid-dtd-list.html#Template,
- érvényesség ellenőrzés a hálón: http://validator.w3.org
- és Firefoxban: http://users.skynet.be/mgueury/mozilla/
Másrészt használj<label>címkéket a mezőkhöz, ne a<select>-be tedd a mező megnevezését. Az -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.