Select all drop down function?

**theflyingminst** · 12-25-2010 10:40 AM

Hi, is there a way, when one select is clicked, all change to the value of the one that was chosen? (ie: "b" is clicked and all change to b.)

Code:

<select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
<br>

<select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>
<br>

<select>
<option>a</option>
<option>b</option>
<option>c</option>
</select>

Thanks

**JMRKER** · 12-25-2010 10:23 PM

Try this...

Code:

<html>
<head>
<title>Multiple selections</title>
<script type="text/javascript">
// For: http://www.webdeveloper.com/forum/newreply.php?do=postreply&t=240209

function pickAll(ndx) {
  var sel = document.getElementsByTagName('select');
  for (var i=0; i<sel.length; i++) {
    sel[i].selectedIndex = ndx; 
  }
}  
</script>
</head>
<body>
<select id="SBox0" onclick="pickAll(this.selectedIndex)">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
<br>

<select id="SBox1" onclick="pickAll(this.selectedIndex)">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
<br>

<select id="SBox2" onclick="pickAll(this.selectedIndex)">
<option>a</option>
<option>b</option>
<option>c</option>
</select>
</body>
</html>

**theflyingminst** · 12-26-2010 02:48 AM

Cool, thanks!

**JMRKER** · 12-26-2010 10:49 AM

You're most welcome.
Happy to help.

In what sort of context would you need this function.
It would seem to me that you would need to select an option from only ONE select box.

**theflyingminst** · 12-26-2010 06:19 PM

Yes it seems convoluted but I ended up making them all hidden inputs just the same; I needed to gather info that applies to multiple objects on one page basically.

Thanks again!

Thread: Select all drop down function?

Thread Tools

Display

Select all drop down function?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions