<script language="JavaScript" type="text/javascript">
var arrlist1=new Array(3)
arrlist1[0]=new Array("111","111的只");
arrlist1[1]=new Array("111","111111");
arrlist1[2]=new Array("111","11111");
var arrlist2=new Array(3)
arrlist2[0]=new Array("22222","2222");
arrlist2[1]=new Array("222222","222");
arrlist2[2]=new Array("22222","222");
function changlist(obj){
var arrlistid=obj.value
var arrlist=eval("arrlist"+arrlistid)
//alert(arrlist)
var obj=document.getElementById("b");
//obj.options.length=0;
for (i=0;i<arrlist.length;i++){
obj.options[i]=new Option(arrlist[i][0],arrlist[i][1])
}
}
</script>
<form id="form1" name="form1" method="post" action="">
<select name="a" id="a" onchange="changlist(this)">
<option value="2">>>留学</option>
<option value="1">>>移民</option>
</select>
<select name="b" id="b">
<option>请选择</option>
</select>
</form>
本文展示了一个使用纯JavaScript实现的下拉菜单联动效果示例。通过简单的HTML结构与JavaScript代码相结合,实现了当用户选择一个选项时,另一个下拉菜单会相应地更新其内容。这种联动效果常见于网页表单中,用于根据不同条件显示相应的选项。
262

被折叠的 条评论
为什么被折叠?



