Multiple Select Menus

http://imgodly.com/test.php

I need it so if I select a color from the first menu, the second menu gets unselected (not disabled)

Likewise, if I select a color from the second menu, the first menu gets unselected

How can I do this?

 

Would not be better using a chained menu like this?

www.dynamicdrive.com/dynamicindex16/chainedselects/index.htm

Otherwise I have no idea how you can do your menu work the way you want.

 

This is a JavaScript question, you should ask in that forum - anyway, you need to do something like:

<select name="id1" onChange="document.form.id2.value = '';">
...
</select>

<select name="id2" onChange="document.form.id1.value = '';">
...
</select>

Code (markup):

or something like this, search Google for "select onChange"

HTH, cheers

 

<select name="id1" onChange="document.form.id2.selectedIndex = 0''>
...
</select>

<select name="id2" onChange="document.form.id1.selectedIndex = 0">
...
</select>

Code (markup):

As usual not tested, but should work.

 

At least for me it's always interesting learn more.

I have never tried a function like this before