Changing the selection in a <SELECT> list

**pauls** · Aug 27, 2003, 05:52

Ok,

I've got a page which is part of a book ordering system. On this page, the user can select a book either by Title or ISBN. I have two drop-down <SELECT> menus which are populated with these two lists.

So far so good.

Now, when the user makes a choice from one, I need the other to automatically change to reflect the same choice. I have the onchange() set up ok, but how do I change the currently selected VALUE in the other list? I can easily set it up if I know that I want, say the fifth item selected, but how do I select the correct <OPTION> by value?

As always, TIA

**Vincent Puglia** · Aug 27, 2003, 08:46

Hi Paul, gee you seem to be here quite a bit

Is this what you want?

Code:

<script type="text/javascript">
<!--
function doit(srcSel, destSel, ndx)
{
  for (i = 0; i < destSel.length; i++)
	 if (srcSel[ndx].value == destSel.options[i].value)
		destSel.options[i].selected = true;
}
//-->
</script>
</head>
<body>
<form name="myform">
<select name="a" onchange="doit(this, this.form['b'],this.selectedIndex)">
<option value="1" selected>1</option>
<option value="21">21</option>
<option value="31">31</option>
<option value="41">41</option>
<option value="51">51</option>
<option value="61">61</option>
</select>
<select name="b" onchange="doit(this, this.form['a'],this.selectedIndex)">
<option value="61" selected>61</option>
<option value="31">31</option>
<option value="1">1</option>
<option value="41">41</option>
<option value="21">21</option>
<option value="51">51</option>
</select>

Vinny

**pauls** · Aug 28, 2003, 02:17

Indeed you do! Trubble is, you are all just too helpful!

Yep, bang on what I wanted. Thanks.

**Vincent Puglia** · Aug 28, 2003, 05:09

Hi Paul,

you are all just too helpful!

Gee thanx

Does that mean I can send St. Paul's a bill or get a teaching job there? (I promise not to scare those little English girls with my crusty, old, Brooklynese ways

Vinny

**pauls** · Aug 29, 2003, 05:08

lol

The SitePoint Forums have moved.

User Tag List

Thread: Changing the selection in a <SELECT> list

Thread Tools

Display

Changing the selection in a <SELECT> list

Bookmarks

Bookmarks

Posting Permissions