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

所属分类:输入-选择框

 61623  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();
}
相关插件-选择框

移动端城市搜索选择(原创)

原创,代码简单易修改。类仿大众点评选择城市的部分,只是部分不必要功能没有。有备注!json可修改!
  选择框
 26235  324

jQuery无限级联动下拉选择插件

无限级联下拉选择器,可以随意配置级联数量,没有上限,最小一个。jquery插件形式。数据结构简单。简单易用,快速上手。
  选择框
 23340  227

jQuery下拉框美化插件

jQuery自定义select下拉框美化插件
  选择框
 40766  361
  选择框
 51976  470

讨论这个项目(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

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

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