实现省、市、区三级联动的输入框

先来说说我最终的实现方法吧。
首先,可以从这里
下载获得,json文件很长很长,所以我将其作为JSON文件存储在工程下。
js读取json文件的方法有两种,一种通过Ajax,另一种通过Jquery的$.getJSON方法实现,我选取的是第二种。
然后,js代码如下:

 $.getJSON("../js/region.json", "", function(data) {
    
        //初始化
        var text = '';
        var province = data[0].name;
        var cityList = data[0].city;
        var regionList = data[0].city[0].area;
        console.log(regionList);
        for (var i = 0; i < data.length; i++) {
            text += '<option value=' + i + 
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
码area.js大全 代码示例: var dsy = new Dsy(); dsy.add("0",["北京","天津","上海","重庆","河北","山西","内蒙古","辽宁","吉林","黑龙江","江苏","浙江","安徽","福建","江西","山东","河南","湖北","湖南","广东","广西","海南","四川","贵州","云南","西藏","陕西","甘肃","青海","宁夏","新疆","香港","澳门","台湾"]); dsy.add("0_0_0",["东城","西城","崇文","宣武","朝阳","丰台","石景山","海淀","门头沟","房山","通州","顺义","昌平","大兴","怀柔","平谷","密云县","延庆县","延庆镇"]); dsy.add("0_0",["北京"]); dsy.add("0_1_0",["和平","河东","河西","南开","河北","红桥","塘沽","汉沽","大港","东丽","西青","津南","北辰","武清","宝坻","蓟县","宁河县","芦台镇","静海县","静海镇"]); dsy.add("0_1",["天津"]); dsy.add("0_2_0",["黄浦","卢湾","徐汇","长宁","静安","普陀","闸北","虹口","杨浦","闵行","宝山","嘉定","浦东新","金山","松江","青浦","南汇","奉贤","崇明县","城桥镇"]); dsy.add("0_2",["上海"]); dsy.add("0_3_0",["渝中","大渡口","江北","沙坪坝","九龙坡","南岸","北碚","万盛","双桥","渝北","巴南","万州","涪陵","黔江","长寿","合川","永川","江津","南川","綦江县","潼南县","铜梁县","大足县","荣昌县","璧山县","垫江县","武隆县","丰都县","城口县","梁平县","开县","巫溪县","巫山县","奉节县","云阳县","忠县","石柱土家族自治县","彭水苗族土家族自治县","酉阳土家族苗族自治县","秀山土家族苗族自治县"]); dsy.add("0_3",["重庆"]); ...

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值