Hogyan tudnám ezt megcsinálni?
Sziasztok! Azt szeretném elérni, hogy alapból nincs csak egy legördülő listám: Sportok és Kocsik. Ez a kettő van benne.Ha rákattintok arra, hogy sportok, akkor megjelenik egy másik legördülő lista, benne mondjuk: foci, kosár stb. Ha pedig a kocsikra kattintok, akkor eltűnik a foci, meg ezek, és ez helyett megjelenik az, hogy Mazda, BMW stb.
Régen így csináltam:
function kocsi() {
document.getElementById("kocsi").style.display="block";
document.getElementById("sport").style.display="none";
}
function sport() {
document.getElementById("kocsi").style.display="none";
document.getElementById("block").style.display="block";
}
De még az sem akar most ezzel menni, ami régen ment :D Fontos lenne...
Kicsit elírtam, itt: document.getElementById("block").style.display="block";
Így:
document.getElementById("sport").style.display="block";
Bocsi, igazad van, a lényeg kimaradt... Így néz ki:
<html>
<head>
<title>Főoldal</title>
<style>
div{
display:none;
}
</style>
<script type="text/JavaScript">
function hozzaad(){
document.getElementById("hozzaad").style.display="block";
document.getElementById("lakhely").style.display="none";
document.getElementById("etel").style.display="none";
}
function lakhely(){
document.getElementById("hozzaad").style.display="none";
document.getElementById("lakhely").style.display="block";
document.getElementById("etel").style.display="none";
}
function etel(){
document.getElementById("hozzaad").style.display="none";
document.getElementById("lakhely").style.display="none";
document.getElementById("etel").style.display="block";
}
</script>
</head>
<body>
<form method="POST" action="feld_sql.php">
<select name="ertek">
<option value="1" onClick="hozzaad();"> Új adat hozzáadása <br /></option>
<option value="2" onClick="lakhely();"> Lekhely megadása</option>
<option value="3" onClick="etel();"> Étel megadása</option>
</select> </b> <br /><br />
<div id="hozzaad"><b> Add meg az adataidat:</b> <br /><br />
Név: <input type="text" name="nev" ><br />
Jelszó: <input type="password" name="jelszo" ><br />
Életkor: <input type="text" name="eletkor" ><br /><br /><br />
<hr /><br /></div>
<div id="lakhely">
<b> Add meg a lakhelyed: </b> <br /><br />
Város/Falu <input type="text" name="varos"><br /><br /><br />
<hr /><br /></div>
<div id="etel">
<b>Írd be a kedvenc ételed:</b>
Étel: <input type="text" name="etel"> <br /><br /><br /></div>
<input type="submit" name="Küldés!">
</form>
</body>
</html>
Megcsináltam 2 select-el, az elsőben a "Sportok" és a "Kocsik" lehetőség van, a második pedig ezek alapján töltődik fel.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!