好资源导航 » 文章资讯 » js实现二级联动简单实例

js实现二级联动简单实例

2023-08-03 06:17:03 64

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

此实例是一个简单的二级联动，第一个列表中的值为固定的，第二个列表中的值随着第一个列表值的变化而变化，即第一个列表影响第二个列表。

实现思路：先写两个

请选择市区

varcityInfo=[["请选择市区","太原市","吕梁市","临汾市","运城市","阳泉市"], ["请选择市区","西安市","咸阳市","汉中市","延安市","榆林市"], ["请选择市区","南昌市","九江市","鹰潭市","上饶市","景德镇市"], ["请选择市区","成都市","绵阳市","雅安市","乐山市","眉山市"]]; /*二级联动一般使用onchange事件*/ functionselectCity(){ /*获取省份下拉框的对象*/ varpro=document.form1.sltProvince; /*获取市区下拉框的对象*/ varcit=document.form1.sltCity; /*得到对应得城市数组，selectedIndex表示下拉框列表的索引值*/ varselectParam=cityInfo[pro.selectedIndex-1]; /*将城市列表的选项只留下第一个提示选项*/ cit.length=1; for(vari=0;i

希望对大家有所帮助！

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

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

js实现二级联动简单实例

热门推荐

随机推荐