Dynamic Drop Down boxes?

bink

Hello,

This may end up being a javascript question but since I dont often use Javascript I wouldnt know where to ask it anyhow and Im sure one of you guys knows a great answer regardless. 🙂

All I am wanting to do is fill a bunch of drop down boxes based on one choice. The way I have things setup is, I have a bunch of drop down boxes which are populated from a database using PHP, all the drop down boxes will contain the same options:

so for example I have three drop down boxes each containing the options:

One
Two
Three

and I want when someone selects option "One" in the first drop down box I want the other two boxes to also switch to "One" but still have the option to be changed to the other options.

Thanks in advance,
Kevin

kamy99

This is a javascript thing...😃

You need to use the onChange event on the Select box to set the rest of the menus to the same result.

It's quite simple, depending on how many boxes/options you have it might become long.

HTH

kellog

That is javascript that will handle that. The code could work comething like this:

function SyncSelect2()
{
	Select2Value = document.TheForm.Select2.value;
	document.TheForm.Select1.value = Select2Value;
	document.TheForm.Select3.value = Select2Value;
}

function SyncSelect3()
{
	Select3Value = document.TheForm.Select3.value;
	document.TheForm.Select1.value = Select3Value;
	document.TheForm.Select2.value = Select3Value;
}

</script>
<html>
<head>
<title>Untitled</title>
</head>

<body>
<form action="test.php" method="post" name="TheForm">
<select name="Select1" onchange="SyncSelect1();" multiple>
<option value="1">One
<option value="2">Two
<option value="3">Three
</select>

<select name="Select2" onchange="SyncSelect2();" multiple>
<option value="1">One
<option value="2">Two
<option value="3">Three
</select>

<select name="Select3" onchange="SyncSelect3();" multiple>
<option value="1">One
<option value="2">Two
<option value="3">Three
</select>

</form>
</body>
</html>