select of select box will select multiple in another box

palmiere · Feb 9, 2004

Im trying to do the following:

I have 2 select boxes, both are pre populated with data. The first box
is a single select box, the 2nd is a multiple select box. Depending on
the 1st selection, I want to have multiple values in the second select
box highlighted.

ie
box 1
<select name=type>
<option> warm colors
<option> cool colors
<option> shades of grey
</select>

box 2
<select name=colors multiple>
<option> red
<option> orange
<option> yellow
<option> blue
<option> green
</select>

If the user would select warm colors from box 1, red, orange and
yellow would be highlighted for them. Any suggestions? Thanks.

Erwin Moller · Feb 9, 2004

palmiere said:
Im trying to do the following:

I have 2 select boxes, both are pre populated with data. The first box
is a single select box, the 2nd is a multiple select box. Depending on
the 1st selection, I want to have multiple values in the second select
box highlighted.

ie
box 1
<select name=type>
<option> warm colors
<option> cool colors
<option> shades of grey
</select>

box 2
<select name=colors multiple>
<option> red
<option> orange
<option> yellow
<option> blue
<option> green
</select>

If the user would select warm colors from box 1, red, orange and
yellow would be highlighted for them. Any suggestions? Thanks.

Hi, it is actually not difficult.
Here is a piece of old examplecode to get you going:

<html>
<head>
<title> titel </title>
<script type="text/javascript">

function setme(num)
{
document.forms.aform.fruit.selectedIndex = num;
}

</script>
</head>

<body>

<form name="aform">

<select name="fruit">
<option value="bananas">bananas</option>
<option value="kokos">kokos</option>
<option value="apple">apple</option>
</select>
<input type=submit >
</form>

<p>
<a href="javascript:setme(0);">set bananas</a><p>
<a href="javascript:setme(1);">set kokos</a><p>
<a href="javascript:setme(2);">set apple</a><p>
</body>
</html>

Regards,
Erwin Moller

Multi select options in a menu	1	Oct 30, 2022
"Clear All" items in a SELECT MULTIPLE box via JavaScript	3	Jun 1, 2007
resetting multiple SELECT values	10	Apr 20, 2011
Javascrip code wont run properly.	2	Oct 2, 2022
select box - using refresh to select same item twice	2	Jul 25, 2006
How to reference one combo box from another combo box	2	Apr 28, 2007
Onmouseup in select box affects scrollbars	1	Nov 30, 2007
I need help accessing SELECT box	3	Jul 21, 2007

select of select box will select multiple in another box

palmiere

Erwin Moller

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads