JS实现省市二级联动

需求:在前端页面经常会遇到要求填写籍贯,通过点击省下拉框,选择指定省时,会改变后面市下拉框的值。

原文链接:http://blog.csdn.net/SO_zxn/article/details/79264330

案例开发步骤分析:

第一步:确定事件(onchange)并为其绑定一个函数

第二步:创建一个二维数组用于存储省份对应的城市

第三步:获取用户选择的省份

第四步:遍历二维数组中的省份

第五步:将遍历的省份与用户选择的省份比较

第六步:如果相同,遍历该省份下所有的城市

第七步:创建城市文本节点

第八步:创建option元素节点

第九步:将城市文本节点添加到option元素节点中去

第十步:获取第二个下拉列表,并将option元素节点添加进去

第十一步:每次操作前清空第二个下拉列表的option内容。

简单代码案例分析:





省市二级联动








籍贯






你可能感兴趣的:(JavaScript)