HTML updating dropdown menu, not working for IE8

[Geckomin]

Hi
My code used to work in IE6, but no longer in IE8.
When the radio button is selected it should replaced Saab with Porsche.
Instead I get "Object doesn't support this propert or method" error.
I think I have narrowed the problem to this bit...

</html>
<script>
function reportOptions (repnum) {
    myfrm.mydrop.options[1] = Option("Porsche");
}
 
</script>
 
<form id="myfrm">
<br/>
<td colspan=6>
 
<input type="radio" id="idrep1" name="Reptype" onClick="reportOptions(1)">
<label for="idrep1">Upgrade</label></body>
 
<select id="mydrop">
  <option>Volvo</option>
  <option>Saab</option>
  <option disabled="disabled">Mercedes</option>
  <option>Audi</option>
</select>
 
</html>

Any help is appreciated
Thanks
Rodney

[RamananKalirajan]

This is actually a script question... The poblem is you have to specify what you want to change either text or value and try to use document.getEle mentById instead of accessing by form name.

function reportOptions (repnum) {
document.getElementById("mydrop").options[1].text = "Porsche";
}

still there are some flaws in ur code. In HTML opening tag you hav added slash. Script should be inside HEAD tag.

Thanks and Regards
Ramanan Kalirajan

[Geckomin]

Thanks, simply changing to the below worked :-)

myfrm.mydrop.op tions[1] = new Option("Porsche ");