Script:
Ik ben opzoek naar, ik ga ervan uit Javascript, de code voor een stukje formulier. Voorbeeld:
Men selecteert optie A
dan gebeurt er niks
Men selecteert optie B
er komt een input veld onder het dropdown menu
Omschrijving/functies:
Licentie:
Licentie
-
568 × bekeken sinds 07-09-2009, 22:36 #1
Javascript vraag | Dropdown / input
-
In de schijnwerper
-
07-09-2009, 22:44 #2
RJ webdevelopment
- Berichten
- 571
- Lid sinds
- 17 Jaar
Je moet aan de <select> een onchange functie gebruiken. En dan kijken wat de selectedIndex is. Is deze gelijk aan de 2de dan moet je eventjes een divje te voorschijn laten komen.
-
08-09-2009, 01:16 #3
Particulier
- Berichten
- 1.410
- Lid sinds
- 16 Jaar
<select id="selectbox" onchange="checktoshowdiv()">
<option value="optie1">Optie1</option>
<option value="optie2">Optie2</option>
</select>
<div style="display:none;" id="divje">
<input type="text" name="textbox" />
</div>
en dan de js:
function checktoshowdiv(){
if(document.getElementById("selectbox").value == "optie2"){
document.getElementById("divje").style.display = "";
}else{
document.getElementById("divje").style.display = "none";
}
}
Zo ongeveer dacht ik :-)
-
08-09-2009, 06:54 #4
RJ webdevelopment
- Berichten
- 571
- Lid sinds
- 17 Jaar
Zo ik zou doen:
Origineel gepost door Wilbert
<select id="selectbox" onchange="checktoshowdiv()">
<option value="optie1">Optie1</option>
<option value="optie2">Optie2</option>
</select>
<div style="display:none;" id="divje">
<input type="text" name="textbox" />
</div>
en dan de js:
function checktoshowdiv(){
if(document.getElementById('selectbox').options[document.getElementById('selectbox').selectedIndex].value == 'optie2'){
document.getElementById("divje").style.display = "block";
}else{
document.getElementById("divje").style.display = "none";
}
}
-
08-09-2009, 08:01 #5
Particulier
- Berichten
- 67
- Lid sinds
- 17 Jaar
In plaats van
document.getElementById('selectbox').options[document.getElementById('selectbox').selectedIndex].value
kun je zoals Wilbert al zegt gewoon
document.getElementById("selectbox").value
doen. Werkt ook prima.
-
08-09-2009, 08:02 #6
RJ webdevelopment
- Berichten
- 571
- Lid sinds
- 17 Jaar
Ook getest in IE6? Origineel gepost door Douwe Maan
Ik weet zeker dat die van mij ook in IE6 werkt. Dat andere weet ik niet zeker.
-
08-09-2009, 08:34 #7
Ondernemer
- Berichten
- 335
- Lid sinds
- 17 Jaar
René bedankt, werkt prima!
