微客导航 » 文章资讯 » JavaScript实现三级级联特效

JavaScript实现三级级联特效

2023-09-21 13:32:04 306

本文实例为大家分享了js实现三级级联特效的具体代码，供大家参考，具体内容如下












//二维数组存放市的信息
varshi=[["丽水市","杭州市"],["新乡","郑州"]];
//三维数组存放县的信息

varxianes=[[["云和","景宁"],["桐庐","原阳"]],[["卫辉","下乡"],["中原","二七"]]];
//所选的省值

varproIndex=0;
functionsgc(){
//获得所选择的省的下拉框值

varpro=document.getElementById("sheng");
//获得市的下拉框

varcit=document.getElementById("shi");
//将省的value与市的一维数组下标所对应

proIndex=pro.value-1;

//清空市下拉框中原有的值
cit.options.length=1;
//通过for循环往下拉框中添加市的信息
for(vari=0;i

//onchange():控件的value值改变后调用方法


浙江省
河南省

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

JavaScript实现三级级联特效

热门推荐

随机推荐