One dropdown value triggers value in another dropdown
Hello, there!
I need a script (only needs to work in IE) where on selecting a value in one dropdown box the equivalent value is ALSO selected in another. ie.
Select 3rd value in Dropdown One selects 3rd value in Dropdown Two. etc.
This should also work vice versa (selecting in Dropdown 2 selects equivalent value from Dropdown 1).
I have found this nice little code that does exactly that... BUT,
1) On MY page each dropdown in the pair is in a SEPARATE form (in this code both dropdowns are in the same form)
2) MY dropdowns have DIFFERENT names (not just differentiated by the number as in this code eg. group1, group2. I've found only by having the same name + number will this code work.)
3) I'm also running many pairs of dropdowns on one page. Can the code be adapted for this rather than just repeating the same code for each pair of dropdowns?
Here is the whole code. Can you adapt it to the above criteria? Or, if you have other codes that do the same job I'd like to know. - hope you experts can help me out here!
<html>
<head>
<title>Untitled</title>
<script language="JavaScript"><!--
function set_group(what,controller,controlled) {
option=what.elements['group' + controller].selectedIndex;
what.elements['group' + controlled].options[option].selected = true;
}
//--></script>
</head>
<body>
<form name="spanish_phrases">
<select name="group0" onchange="set_group(this.form, 0, 1);">
<option value="Hello">Hello!</option>
<option value="How">How are you?</option>
<option value="fine">I'm fine thanks.</option>
<option value="And">And you?</option>
<option value="Not">Not bad.</option>
</select>
<p><select name="group1" onchange="set_group(this.form, 1, 0);">
<option value="Hola">¡Hola!</option>
<option value="Que">¿Qué tal?</option>
<option value="Bien">Bien, gracias.</option>
<option value="Tu">¿Y tú?</option>
<option value="Regular">Regular.</option>
</select>
</p>
</form>
</body>
</html>
CSS Codes
Reply With Quote
Bookmarks