[js] select value controleren

[wilcodl]

Ik heb een probleem met een javascript.
De bedoeling is dat als ik de waarde 'overig' selecteer, er een veld naast de keuzelijst verschijnt. Dit heeft al gewerkt als er een willekeurige waarde wordt geselecteerd, maar niet als ik alleen wil dat dat op het selecteren van de overig reageerd. Daarom heb ik de if in de functie toegevoegd.
Bij de code zoals je die nu ziet krijg ik deze foutmelding:
document.form.makelaar.options.selectedIndex is leeg of geen object.

JavaScript:

function mklr(){
if (document.form.makelaar.options[document.form.makelaar.options.selectedIndex].value == "overig"){
document.form.makelaar_overig.style.visibility = "visible";
}
}

HTML:

<form action="" method="post" name="form">
Makelaar:<br />
<select onchange="mklr();" size="1" name="makelaar">
<option value=""></option>
<option value="overig">Overig nml:</option>
<option value="geheim">Geheim</option>
</select>

<input id="makelaar" type="text" name="makelaar_overig" value="" /><br /><br />

<input type="submit" name="submit" value="Toevoegen" />
<input onclick="empty();" type="button" value="Invoer wissen" name="reset" />
</form>

[crisp]

selectedIndex is een property van je select, niet van een option. Maar persoonlijk zou ik al een referentie meegeven aan de functie middels het 'this' keyword; sneller en netter:

HTML:

<select size="1" name="makelaar" onchange="mklr(this)">

JavaScript:

function mklr(select)
{
    if (select.options[select.selectedIndex].value == 'overig')
    {
        select.form.elements['makelaar_overig'].style.visibility = 'visible';
    }
}