Multiple selection options to change different images?

[celestial]

Right now, I'm using the code below to change an image. How do I alter it so that, I can use different select drop downs to change different images. Thank you.

<SCRIPT LANGUAGE="JavaScript"><!--
function change(what) {
value = what.options[what.selectedIndex].value;
if (value!= '')
if (document.images)
document.images['myImage'].src = value;
}
//--></SCRIPT>
<FORM>
<SELECT onChange="change(this)">
<OPTION>Select an animal:
<OPTION VALUE="chicken.gif">Chicken
<OPTION VALUE="cat.gif">Cat
<OPTION VALUE="bear.gif">Bear
</SELECT>
</FORM><IMG SRC="default.gif" NAME="myImage">

[garann]

You just need to change your function so that it takes a second parameter, the ID of the image to change:

<SCRIPT LANGUAGE="JavaScript"><!--
function change(what,[b]imgID[/b]) {
value = what.options[what.selectedIndex].value;
if (value!= '')
if (document.images)
document.images[[b]imgID[/b]].src = value;
}
//--></SCRIPT>
<FORM>
<SELECT onChange="change(this,[b]'myImage'[/b])">
<OPTION>Select an animal:
<OPTION VALUE="chicken.gif">Chicken
<OPTION VALUE="cat.gif">Cat
<OPTION VALUE="bear.gif">Bear
</SELECT>
</FORM><IMG SRC="default.gif" NAME="myImage">