HTML selection option with javascript doesn't work in IE

Question

hallo, can somebody help me. I try to make some thing happen when i click on anders(value 0), than something need to be vissible. It works in firefox but not in IE

<select id="budget" name="budget">
<option value="0" onclick="anders('1')">Anders</option>
<option value="200" onclick="anders('');" selected="selected">&#8364; 200,-</option>
<option value="300" onclick="anders('')">&#8364; 300,-</option>
<option value="400" onclick="anders('')">&#8364; 400,-</option>
<option value="500" onclick="anders('')">&#8364; 500,-</option>
<option value="600" onclick="anders('')">&#8364; 600,-</option>

can some body please help me? greetz banoth

Answer 1

You should put an onchange event handler on the <select> instead of many onclick event handlers on the <option>s.

Answer 2

Onclick is not a valid handler for option types. you need to use the onchange in the select box:

<select id="budget" name="budget" onchange="anders(escape(this.options[this.selectedIndex].value))">
<option value="0">Anders</option>
<option value="200" selected="selected">&#8364; 200,-</option>
<option value="300">&#8364; 300,-</option>
<option value="400">&#8364; 400,-</option>
<option value="500">&#8364; 500,-</option>
<option value="600">&#8364; 600,-</option>
</select>