 Nieuw lid |
|
HOi, ik ben bezig met een script die mijn selectboxen dynamisch maakt. Wanneer ik in mijn eerste selectbox een keuze maak zullen in de volgende selectbox afhankelijk van de keuze de opties veranderen
De onderstaande code werkt precies zoals ik het wil hebben. Echter wil ik deze code 10 keer achter elkaar gebruiken. Ik heb geprobeerd om dit met een php while loop voor elkaar te krijgen maar dit werkt natuurlijk niet.
Kunnen jullie me helpen?
<script language=javascript>
var aa = new Array("state1","state2","state3");
state1 = new Array("city1","city2");
state2 = new Array("city21","city22","city23");
state3 = new Array("city31","city32","city33");
function changeval()
{
var val1 = document.sform.sel1.value;
var optionArray = eval(val1);
for(var df=0; df<optionArray.length; df++)
{
var ss = document.sform.sel2;
ss.options.length = 0;
for(var ff=0; ff<optionArray.length; ff++)
{
var val = optionArray[ff];
ss.options[ff] = new Option(val,val);
}
}
}
</script>
<form name=sform>
<select name=sel1 onchange=changeval()>
<script language=javascript>
for(var dd=0; dd<aa.length; dd++)
{
document.write("<option value=\""+aa[dd]+"\">"+aa[dd]+"</option>");
}
</script>
</select>
<select name=sel2>
</select>
<script language=javascript> var aa = new Array("state1","state2","state3"); state1 = new Array("city1","city2"); state2 = new Array("city21","city22","city23"); state3 = new Array("city31","city32","city33"); function changeval() { var val1 = document.sform.sel1.value; var optionArray = eval(val1); for(var df=0; df<optionArray.length; df++) { var ss = document.sform.sel2; ss.options.length = 0; for(var ff=0; ff<optionArray.length; ff++) { var val = optionArray[ff]; ss.options[ff] = new Option(val,val); } } } </script> <form name=sform> <select name=sel1 onchange=changeval()> <script language=javascript> for(var dd=0; dd<aa.length; dd++) { document.write("<option value=\""+aa[dd]+"\">"+aa[dd]+"</option>"); } </script> </select> <select name=sel2> </select>
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
