Ik wil graag het volgende:
Als in de ene listbox een andere optie wordt geselecteerd, dat moet bij de overige twee listboxen de optie "Niet" worden geselecteerd.
Helaas lukt dit niet door een fout op de onchange-regel waar ik niet uitkom:
Als in de ene listbox een andere optie wordt geselecteerd, dat moet bij de overige twee listboxen de optie "Niet" worden geselecteerd.
Helaas lukt dit niet door een fout op de onchange-regel waar ik niet uitkom:
Code:
<HTML>
<HEAD>
<TITLE>Test met 2 listboxes</TITLE>
<SCRIPT LANGUAGE="text/JavaScript">
function melding(veldnaam, veldindex){
var disIndex = veldindex;
var disNaam = veldnaam;
alert(disNaam+":"+disIndex);
document.getElementById('olst1').options[1].selected = true;
document.getElementById('olst2').options[1].selected = true;
document.getElementById('olst3').options[1].selected = true;
document.getElementById(disNaam).options[disIndex].selected = true;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM method="post" name="myform">
<TABLE>
<TR>
<TD WIDTH='100'>Listbox 1</TD>
<TD WIDTH='100'>Listbox 2</TD>
<TD WIDTH='100'>Listbox 3</TD>
<TR>
<TD>
<SELECT NAME='olst1' onchange='melding(this.name, this.selectedIndex);'>
<OPTION VALUE='o' SELECTED>Oplopend</OPTION>
<OPTION VALUE='n'>Niet</OPTION>
<OPTION VALUE='a'>Aflopend</OPTION>
</SELECT>
</TD>
<TD>
<SELECT NAME='olst2' onchange='melding(this.name, this.selectedIndex);'>
<OPTION VALUE='o'>Oplopend</OPTION>
<OPTION VALUE='n' SELECTED>Niet</OPTION>
<OPTION VALUE='a'>Aflopend</OPTION>
</SELECT>
</TD>
<TD>
<SELECT NAME='olst3' onchange='melding(this.name, this.selectedIndex);'>
<OPTION VALUE='o'>Oplopend</OPTION>
<OPTION VALUE='n' SELECTED>Niet</OPTION>
<OPTION VALUE='a'>Aflopend</OPTION>
</SELECT>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>