Hello,

In a form, I have a dropdown list and some images. When the user selects one option from the list or clicks on an image, a hidden field should be loaded. It works fine with Netscape 4.7 but won't work at all with Internet Explorer 5. Any help will be highly appreciated.

I paste the form part of the code generated by my template here:

<SCRIPT language="JavaScript">

<!--
function getit(number) {

document.forms[0].VariationType_kleuren.value = number;
document.forms[0].submit();
return true;
}

function addvalue() {

index = document.forms[0].selectlist.selectedIndex;
number = document.forms[0].selectlist.options[index].value;
document.forms[0].VariationType_kleuren.value = number;
document.forms[0].submit();
return true;
}
//-->

</script>

<FORM ACTION="[actionURL]" METHOD="POST">

Colour:

<SELECT NAME="selectlist" onChange="return addvalue()">

<OPTION VALUE="186" >Antra</OPTION>
<OPTION VALUE="183" >Black</OPTION>
<OPTION VALUE="185" >Bordeaux</OPTION>
<OPTION VALUE="184" SELECTED>Grey</OPTION>
</SELECT>


<a href="#" onClick="getit(186)"><img SRC="[IMGSRC]" alt="Antra" ></a>
<a href="#" onClick="getit(183)"><img SRC="[IMGSRC]" alt="Black" ></a>
<a href="#" onClick="getit(185)"><img SRC="[IMGSRC]" alt="Bordeaux" ></a>

<INPUT TYPE="hidden" NAME="VariationType_kleuren" VALUE="184">

<a href="#" onClick="getit(184)"><img SRC="[IMGSRC]" alt="Grey" ></a>

<br>
<input type="hidden" name="Recalculate">
<br>
<INPUT TYPE="submit" name="Recalculate" value="Update">

</FORM>