Hello All:
On selecting Item "bbb" in the first/second drop down menu, I would like to have the same information updatec/selected in the second/first drop down menu (as "bbb" also). Could you please help with getting a function in doing this?
This is my current code:
<html>
<head><title>Select Options</title>
<script language="javascript">
<!--
function change-items(this) {
document.this.items.options[this.options[selectedIndex].value;
}
//-->
</script>
</head>
<body>
<form name="this">
<table >
<tr>
<td>
<select onchange="change-items(this);" name="items">
<option value="" >----</option>
<option value="aaa">bbb</option>
<option value="bbb">bbb</option>
</select>
</td>
</tr>
<tr>
<td>
<select onchange="change-items(this);" name="items">
<option value="" >----</option>
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</head>
</html>
On selecting Item "bbb" in the first/second drop down menu, I would like to have the same information updatec/selected in the second/first drop down menu (as "bbb" also). Could you please help with getting a function in doing this?
This is my current code:
<html>
<head><title>Select Options</title>
<script language="javascript">
<!--
function change-items(this) {
document.this.items.options[this.options[selectedIndex].value;
}
//-->
</script>
</head>
<body>
<form name="this">
<table >
<tr>
<td>
<select onchange="change-items(this);" name="items">
<option value="" >----</option>
<option value="aaa">bbb</option>
<option value="bbb">bbb</option>
</select>
</td>
</tr>
<tr>
<td>
<select onchange="change-items(this);" name="items">
<option value="" >----</option>
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</head>
</html>
Comment