省市二级联动
2017-08-15 01:42 看月亮爬上来 阅读(229) 评论(0) 编辑 收藏 举报先是构建好HTML代码,通过下拉框来实现功能:
通过jQuery来实现代码:
1.先要引入jar包
2.接下里10步完成二级联动效果:主要是定位获取用户选择的省份--------清楚第二个下拉列表中的内容————创建二维数组用于存放省份和城市————遍历二维数组中的省份—
——-判断用户选择的省份和遍历的省份————遍历该省份下面所的城市————创建城市文本节点————创建option元素节点——
——将城市节点存放到option节点中去————将option节点追加到第二个下拉列表中去
3.具体代码如下:
注意:append与appendTo的区别;
还有就是DOM元素与jQuery的元素要注意转换:
4.最后实现的结果: