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

所属分类:输入-选择框

 55966  394  查看评论 (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();
}
相关插件-选择框

jQuery仿淘宝商品选配

jQuery仿淘宝商品信息选配效果
  选择框
 23972  315

JQ省市区三级联动选择插件

JQ省市区三级联动选择插件
  选择框
 144780  441

jQuery地区选择(三级联动)

jQuery中国地区选择(最新地区数据全)三级联动插件
  选择框
 31803  264

简单的jQuery多选下拉框

单纯的写了一个 平常用到的下拉框
  选择框
 33589  270

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

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

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