首页 > 其他 > 详细

省市二级联动

时间:2017-08-15 09:15:16      阅读:215      评论:0      收藏:0      [点我收藏+]

先是构建好HTML代码,通过下拉框来实现功能:

技术分享

通过jQuery来实现代码:

1.先要引入jar包

技术分享

2.接下里10步完成二级联动效果:主要是定位获取用户选择的省份--------清楚第二个下拉列表中的内容————创建二维数组用于存放省份和城市————遍历二维数组中的省份—

——-判断用户选择的省份和遍历的省份————遍历该省份下面所的城市————创建城市文本节点————创建option元素节点——

——将城市节点存放到option节点中去————将option节点追加到第二个下拉列表中去

3.具体代码如下:

技术分享

注意:append与appendTo的区别;

还有就是DOM元素与jQuery的元素要注意转换:

4.最后实现的结果:

技术分享

 

省市二级联动

原文:http://www.cnblogs.com/1987721594zy/p/7362349.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!