JS联动问题

来源：百度知道 编辑：UC知道 时间：2024/06/27 14:10:19
怎么让四个form的SELECT列表框 同时联动起来
选择第其中一个 其他三个 选择相对应的值
比如
四个这样的列表框
第一个列表框
<option value="1">aaa</option>
<option value="2">bbb</option>
<option value="3">ccc</option>

选择bbb的时候
第二个列表框
也自动选择bbb

或者选择第二个 第一个也跟第二个选择的东西一样
请高手帮忙写一下
小弟基础比较薄弱
先谢谢了

使用onchange事件

<script type="text/javascript">
function change(obj)
{
var name = obj.name;
if(name != 's1')
{
var s1 = document.getElementById("s1");
for(var i = 0; i<s1.length; i++)
{
if(s1[i].value == obj.value)
{
s1[i].selected = true;
}
}
}

if(name != 's2')
{
var s2 = document.getElementById("s2");
for(var i = 0; i<s2.length; i++)
{
if(s2[i].value == obj.value)
{
s2[i].selected = true;
}
}
}
}
</script>

<select name='s1' id='s1' onchange="change(this)">
<option value="1">aaa</option>
<option value="2">bbb</option>
<option value="3">ccc</option>
</select>
<select name='s2'