JavaScriptbe input változás után új div?
Azt szeretném megoldani, hogy például:
Van egy input select a tetején 2 értékkel: IGEN/NEM
Ha Rámegy az IGEN-re, akkor megjelenik alatta egy új div, amibe szintúgy vanna inputok és szövegek.
De ha NEM-re megy, akkor egy másik jelenik meg.
Az újonnan megjelenő divbe, pedig szintúgy lesznek ilyenek. Tehát egy olyat szeretnék, hogy csak akkor jelenjen meg egy új div, ha egy adott értéket választ ki az inputba.
válasza:Jelenleg ilyen:
<select id="select" onchange="sel()">
<option value="1">Igen</option>
<option value="2">Nem</option>
</select>
<div id="div1">
</div>
<script type="text/javascript">
function sel(){
var select = document.getElementById('select').value;
document.getElementById('div1').innerHTML = select;
}
</script>
Most ha átrakja nem-re akkor kiírja a div-be, hogy 2.
De én azt szeretném, hogy ne azt írja ki, hogy 2, hanem pl ezt:
<select id="select2" onchange="sel2()">
<option value="1">Igen</option>
<option value="2">Nem</option>
</select>
Többi ilyen választás lesz egymás után. De csak akkor látja a következő választási lehetőséget ha már választott valamit és a végén lesz egy gomb, ami phpval elküldi adatbázisba az értékeket.
Helló
Én is még kezdő vagyok ezen a téren, de én picit belekontárkodtam ebbe a kódba.
Íme az én változatom:
<script type="text/javascript">
<html>
<head>
function sel(){
var select = document.getElementById('select').value;
document.getElementById('div1').innerHTML = document.getElementById('select').value;
if(document.getElementById('select').value=igen){
document.write('igennel válaszoltál')
}
else(){
document.write('nemmel válaszoltál')
}
}
</script>
</head>
<body>
<select id="select" onchange="sel()">
<option value="igen">Igen</option>
<option value="nem">Nem</option>
</select>
<div id="div1">
<p id="proba"></p>
</div>
Különösebb változásokat nem csináltam, csak kihoztam, hogy kiírja a választ rákattintás esetén, remélem ez azért segít valamit (ezután én az if-el próbálkoztam, de ezekbe a document.mindenmásokhoz már nemigen értek.
Remélem azért ér valamit:)
bocsi ezt a részt szedd ki, ez bent maradt:D
if(document.getElementById('select').value=igen){
document.write('igennel válaszoltál')
}
else(){
document.write('nemmel válaszoltál')
}
itt már csak próbálkoztam:D
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!