div模拟下拉省市级联三级联动附带地区数据(原创)

所属分类:输入-选择框

 28760  326  查看评论 (13)
分享到微信朋友圈
X
div模拟下拉省市级联三级联动附带地区数据(原创) ie兼容8

更新时间:2018/5/19 下午4:42:07

更新说明:解决ie8下报错不支持Object.keys()的问题
添加一段代码即可解决;

var DONT_ENUM = "propertyIsEnumerable,isPrototypeOf,hasOwnProperty,toLocaleString,toString,valueOf,constructor".split(","),
    hasOwn = ({}).hasOwnProperty;
for (var i in {
        toString: 1
    }) {
    DONT_ENUM = false;
}
Object.keys = Object.keys || function(obj) {
    var result = [];
    for (var key in obj)
        if (hasOwn.call(obj, key)) {
            result.push(key);
        }
    if (DONT_ENUM && obj) {
        for (var i = 0; key = DONT_ENUM[i++];) {
            if (hasOwn.call(obj, key)) {
                result.push(key);
            }
        }
    }
    return result;
};

更新时间:2018/5/17 下午5:58:32

更新说明:优化性能,之前使用 for in  遍历城市对象数组,现已经更换成优化的 

for( var i=0,len=arr.length;i<len;i++ ){...}

效率比for  in  高


更新时间:2018/5/11 下午2:20:16

更新说明:上一版本中,一处js代码顺序颠倒,导致点击相同的市地址会使区级数据被清除。现已纠正, 例如 安徽、合肥、蜀山区再次点击安徽省 市与区里面的数据不变,相同再次点击合肥市同上    


更新时间:2018/5/10 上午10:09:34

更新说明:下拉框的背景色,当下拉框下方有元素会发现下拉框的背景色是透明;添加背景色为白色


引入jQuery、index.css、index.js、隐藏input默认value=0,点击下拉框选择地区value变化地区代码,下拉图标更换背景图片即可;

相关插件-选择框
  选择框
 51558  470
  选择框
 61869  502

Select2 实现的省市区三级联动

该插件是用Select2 实现的国内省市区联动选择。
  选择框
 87103  492

div模拟下拉省市级联三级联动附带地区数据(原创)

带地区代码,兼容到ie8;浏览器样式统一,下拉图标可自行更换,根据隐藏input value值获取地区代码
  选择框
 28761  326

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?? 微 ?? 0
    2021/3/25 9:59:51
    0
    2019/11/14 18:05:41
    你好!有没有完整版的数据城市及区县:如:台湾:台北,台中等等,香港:九龙,等等 回复
    陌生人 0
    2019/5/28 11:30:50
    此插件没有回显 回复
    the parting glass 0
    2018/6/9 20:10:24
    修改数据的时候,怎么做回显呢,目前找到解决方法
        陌生人0
        2019/5/15 9:51:08
        还没有考虑到回显
    回复
    jackchenyang 0
    2018/5/28 10:51:19
    我从数据库中读取值,赋值上去不显示?
        陌生人0
        2018/5/31 1:03:02
        请求ajax不是更慢么
        陌生人1
        2018/5/31 1:05:30
        数据库中要么是你请求的数据不是对象数组,要么就是数据请求在JS执行之后
    回复
    陌生人 1
    2018/5/19 16:46:31

    ie8下报错(  不支持Object.keys()  ),添加一段代码即可解决

    var DONT_ENUM = "propertyIsEnumerable,isPrototypeOf,hasOwnProperty,toLocaleString,toString,valueOf,constructor".split(","),
        hasOwn = ({}).hasOwnProperty;
    for (var i in {
            toString: 1
        }) {
        DONT_ENUM = false;
    }
    Object.keys = Object.keys || function(obj) {
        var result = [];
        for (var key in obj)
            if (hasOwn.call(obj, key)) {
                result.push(key);
            }
        if (DONT_ENUM && obj) {
            for (var i = 0; key = DONT_ENUM[i++];) {
                if (hasOwn.call(obj, key)) {
                    result.push(key);
                }
            }
        }
        return result;
    };
    回复
    陌生人 0
    2018/5/11 14:34:21
    版本在更新再上传(2018.5.11---14:30),估计明天就好了,之前一处js代码顺序写错,没有发现,今天改项目的时候发现了,问题:{
    例如: 安徽 铜陵 义安区 再次点击市级 会导致 区级里数据被清楚;
    现已纠正;
        陌生人0
        2018/5/11 14:51:57
        再次点击铜陵区级里面数据会被清空
    回复
    『落暮』 0
    2018/5/11 14:00:49
    做的蛮好
        陌生人0
        2018/5/11 14:39:08
        谢谢??
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复