JavaScript实现省市联动效果
本文实例为大家分享了JavaScript实现省市联动的具体代码,供大家参考,具体内容如下
实现效果:
1.当点击文字时选中对应的下拉菜单
2.选择省,后面跟本省对应的市
实现过程:
1.获得省的Dom对象
2.用循环为省的下拉菜单设置option子节点,并将数组每个pName的值赋给创建的子节点
3.每次循环同时为option子节点设置value属性
4.同理在点击省的同时,为市创建option子节点,并将cName的值赋给子节点,设置属性
实现细节:
1.点击省时采用onchange事件(元素值改变时触发)
2.每次为市增加节点,要将节点清空,否则市的节点会叠加,可采用option长度为0, citySel.options.length=0;
Document 请选择: ----请选择---- 省 ----请选择---- 市