jq模拟下拉省市区三级联动插件

所属分类:输入-选择框

 61895  444  查看评论 (46)
分享到微信朋友圈
X
jq模拟下拉省市区三级联动插件 ie兼容6

jq模拟下拉的省市区三级联动插件,完美兼容在ie下显示select的不友好ui,数据完整可直接使用

【js部分】

var sheng=document.getElementsByName('sheng')[0],
city=document.getElementsByName('city')[0];
function getcity() {
    // 获取当前省份的索引值
    shengIndex=sheng.selectedIndex;
    //定义二级数组
    var arr=[
            ['海淀','朝阳','东城','崇文','丰台','昌平'],
            ['西辰','塘沽','北辰'],
            ['石家庄','保定','邢台','衡水'],
            ['洛阳','开封','周口','漯河','郑州'],
            ['太原','临汾','忻州','运城','大同','平遥'],
            ['西安','宝鸡','延安','咸阳','安康']
        ];
    var curCity=arr[shengIndex-1];
    city.length=1;
    for(var i= 0,len=curCity.length;i<len;i++) {
        city[i+1]=new Option(curCity[i],curCity[i]);
    }
} 

sheng.onchange=function(){
    getcity();
}
相关插件-选择框

城市选择手机端(原创)

类似手机通讯录,选择城市,去除省份。
  选择框
 41425  418

jq模拟下拉省市区三级联动插件

jq模拟下拉的省市区三级联动插件,完美兼容在ie下显示select的不友好ui,数据完整可直接使用
  选择框
 61896  444

css3自定义单选多选框框css3checkbox

css3自定义单选框,多选框好看实用
  选择框
 36428  381

移动端vue切换城市带自动定位

vue.js定位后 选择其他城市进行切换,适用移动端
  选择框
 26240  308

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

    舞舞舞 0
    2020/9/1 11:10:00
    zhenge 0
    2019/2/18 11:48:01
    看起来不错!
        满天星0
        2019/12/23 9:53:40
        是啊
    回复
    sky don't cry 0
    2018/10/9 8:58:13
    哪里可以获取完整的数据 回复
    星大星 0
    2017/11/24 9:42:44
    jiong发 0
    2017/8/9 14:58:00

    数据并不完整

        苕爱瓜瓜0
        2017/9/8 16:21:27

        这东西写的本来就不全

    回复
    你好 Sunshine&GW 0
    2017/5/16 16:07:40

    不好用,获取值麻烦还得研究你的代码,

    回复
    ╃ 伊人未归 ┽ 0
    2017/3/27 16:37:50
    小天地 0
    2017/3/14 14:06:53
    绫濑遥说我帅 0
    2017/1/20 9:46:40

    看起来不错哦,

    回复
    呵呵 0
    2017/1/16 16:48:15

    同时使用三个实例化,数据会被最后一个替换

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复