由编程温室收集整理的这篇文章主要介绍了最简单的js代码实现select二级联动下拉菜单。 我觉得编程屋的编辑非常好。 现在请大家分享，作为参考。
本文实例与大家分享并借鉴了js实现选择二级联动下拉菜单，具体内容如下
string path=request.getcontextpath (；
string basepath '/=request.getscheme ((://) request.getservername ) ) : ) request.getserverport ) ) PPP
%
新建文档
功能获取城市
//得到省下拉框的对象
varsltprovince=document.form1. province；
//得到城市下拉框的对象
var sltCity=document.form1.city；
//获得相应省份的城市布局
varprovincecity=city [ SLT province.selectedindex-1 ]；
//清空街道下拉框，只留下选择
sltCity.length=1；
//在城市下拉框中输入城市数组的值
for(varI=0； I
SLT city [ i1 ]=新选项(provincecity[I]，provincecity[I]；
}
}
这个代码比较简单。
如果对js不太熟悉，请单击
js处理select对象的内容：
使用selectedIndex属性获取当前选项的索引
下拉框中的选项是线性数组，每个选项都有索引，而selectedIndex表示当前选定选项的索引号。 与options属性结合使用，可以获得选定的option对象并对其进行进一步处理。 如果可以选择多个下拉框，则selectedIndex属性返回第一个选定的索引。
selectedIndex是只读属性，如果希望索引中指定的下拉框中的项目处于选定状态，可以通过设置option对象的selected=true来实现。
2、在选择对象中添加选项
SLT city [ i1 ]=新选项(provincecity[I]，provincecity[I]；
新选项(provinceCity[i]，provinceCity[i] )表示创建值为provinceCity[i]、文本为provinceCity[i]的选项对象
3、清空选择对象
有两种方法可以删除下拉框中的所有选项。
第一种方法是扫描删除：
第二种方法比较简单，所以通常使用这种方法。
myselect.length=0；