博客展示了一段代码，通过HTML创建了两个下拉框，利用JavaScript的`change`函数实现联动。当第一个下拉框选项改变时，根据所选值动态改变第二个下拉框的选项内容，体现了前端交互功能。
<select id=aa style="width:100" onchange=change()>
<option>001</option>
<option>002</option>
</select>
<select id=bb style="width:100">
</select>
<script>
function change(){
switch(document.all.aa.options[document.all.aa.selectedIndex].text){
case "001":
bb.options[0]=new Option("text1","value",false,false)
bb.options[1]=new Option("text2","value",false,false)
break;
case "002":
bb.options[0]=new Option("1111","value",false,false)
bb.options[1]=new Option("2222","value",false,false)
break;
}
}
</script>
<option>001</option>
<option>002</option>
</select>
<select id=bb style="width:100">
</select>
<script>
function change(){
switch(document.all.aa.options[document.all.aa.selectedIndex].text){
case "001":
bb.options[0]=new Option("text1","value",false,false)
bb.options[1]=new Option("text2","value",false,false)
break;
case "002":
bb.options[0]=new Option("1111","value",false,false)
bb.options[1]=new Option("2222","value",false,false)
break;
}
}
</script>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
