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

所属分类:输入-选择框

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

jQuery移动端省市区三级联动选择框

仿淘宝移动端收货地址省市区的选择面板
  选择框
 87864  511

复选框全选反选取消(界面有点难看,但功能绝对OK)

可实现全选框全选反选取消等,选了可删除。需引用jqueryDOM结构浅显易改。
  选择框
 30259  330

双向选择表格(支持IE8及以上)

双向选择表格,支持自定义查询条件(支持下拉框)、自定义表头和数据格式(表格支持链接)、单选全选、选择事件、动态修改数据等功能,具体可以查看示例
  选择框
 16898  196

jQuery自定义select、单选、复选

jQuery自定义单选、复选插件select.jquery.js
  选择框
 35513  355

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

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

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