省市联动选择
来源:互联网 发布:手机淘宝淘金币在哪里 编辑:程序博客网 时间:2024/06/05 16:42
<select id="province" onclick="toProvince();"> <option value="" selected>请选择省</option> </select> <select id="city"> <option value="" selected>请选择市</option> </select>
region--json:
var region = { "0": { "code": "11", "name": "北京", "city": [{ "name": "北京", "code": "1101" }] }, "1": { "code": "12", "name": "天津", "city": [{ "name": "天津", "code": "1201" }] }};
获取时的处理:
//将获得的省市的code转换为中文function getName(province,city) { var pro_name=''; var city_name=''; for(var j in region){ if(province == region[j].code){ pro_name = region[j].name; } for(var k in region[j].city){ if(city == region[j].city[k].code){ city_name = region[j].city[k].name; } } } return pro_name+city_name;}init();//点击可以选择省//获得省市的code(修改时用到),将其填入select中document.getElementById('province').value=province.code;toProvince();document.getElementById('city').value=cit.code;
对region的使用处理方法:
//省function init(){ var _province=document.getElementById("province"); for(var e in region){ var opt_1=new Option(region[e].name,region[e].code); _province.add(opt_1); }}//市function toProvince(){ var _province=document.getElementById("province"); var _city=document.getElementById("city"); var v_province=_province.value; _city.options.length=1; for(var e in region){ if(region[e].code==v_province){ for( var p in region[e].city){ var opt_2=new Option(region[e].city[p].name,region[e].city[p].code); _city.add(opt_2); } break; } }}
阅读全文
0 0
- 省市联动选择
- 二级联动 国省市选择
- js实现省市选择二级联动
- 基于wheel的省市县联动选择
- 省市联动
- 省市联动
- 省市联动
- 省市联动
- 省市联动
- 省市联动
- 省市联动
- 省市联动
- 省市联动
- 用UIPicker做一个类似省市联动选择的例子
- AJAX三级联动省市选择,使用jquery+html+XML
- UIPickerView【随机点菜系统 && 省市联动 && 选择国旗】
- 基于Spinner的省市县三级联动选择显示
- VUE2 前端实现 静态二级省市联动选择select
- C++11学习笔记之Lambda表达式
- SELECT INTO 和 INSERT INTO SELECT 两种表复制语句
- IBM MQ 简单示例
- 利用libpng中的函数读写png文件
- Shell 脚本基础学习 (四)
- 省市联动选择
- Shell 脚本基础学习 (三)
- Hibernate查询优化
- Shell 脚本基础学习 (二)
- Thymeleaf 入门基础
- Shell 脚本基础学习 (一)
- 图解Linux命令之--ethtool命令
- 排序——冒泡、归并、快速、选择、插入、堆
- Java:String和Date、Timestamp之间的转换