Ik heb een formulier dat gevuld wordt vanuit een database. Het formulier bestaat uit oa uit twee dropdownboxes waarvan de waarde van de tweede afhankelijk is van de in de eerste dropdownbox gekozen optie:
<SELECT NAME="veld1">
<OPTION VALUE="a1" ONFOCUS="verander(b1)">Waarde 1</OPTION>
<OPTION VALUE="a2" ONFOCUS="verander(b2)">Waarde 2<OPTION>
<OPTION VALUE="a3" ONFOCUS="verander(b3)">Waarde 3<OPTION>
</SELECT>
Bij elke OPTION komen steeds drie waardes uit een database, bijvoorbeeld voor optie 1: "a1", "b1" en "Waarde 1". Nu zou dus, als "Waarde 1" wordt geselecteerd het JavaScriptje "verander" moeten worden aangeroepen met de waarde "b1". Vervolgens moet dit scriptje er voor zorgen dat de optie met de waarde "b1" wordt gekozen uit de tweede dropdownbox.
<SCRIPT LANGUAGE="JavaScript">
<!--
function verander(id)
{
document.form.veld2.options[id].selected = true;
}
// -->
</SCRIPT>
<SELECT NAME="veld2">
<OPTION VALUE="b1">Waarde 1</OPTION>
<OPTION VALUE="b2">Waarde 2</OPTION>
<OPTION VALUE="b3">Waarde 3</OPTION>
</SELECT>
Echter, het werkt niet...
Heeft iemand een idee hoe ik dit wel werkend kan krijgen?
<SELECT NAME="veld1">
<OPTION VALUE="a1" ONFOCUS="verander(b1)">Waarde 1</OPTION>
<OPTION VALUE="a2" ONFOCUS="verander(b2)">Waarde 2<OPTION>
<OPTION VALUE="a3" ONFOCUS="verander(b3)">Waarde 3<OPTION>
</SELECT>
Bij elke OPTION komen steeds drie waardes uit een database, bijvoorbeeld voor optie 1: "a1", "b1" en "Waarde 1". Nu zou dus, als "Waarde 1" wordt geselecteerd het JavaScriptje "verander" moeten worden aangeroepen met de waarde "b1". Vervolgens moet dit scriptje er voor zorgen dat de optie met de waarde "b1" wordt gekozen uit de tweede dropdownbox.
<SCRIPT LANGUAGE="JavaScript">
<!--
function verander(id)
{
document.form.veld2.options[id].selected = true;
}
// -->
</SCRIPT>
<SELECT NAME="veld2">
<OPTION VALUE="b1">Waarde 1</OPTION>
<OPTION VALUE="b2">Waarde 2</OPTION>
<OPTION VALUE="b3">Waarde 3</OPTION>
</SELECT>
Echter, het werkt niet...
Heeft iemand een idee hoe ik dit wel werkend kan krijgen?