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

查看演示立即下载

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

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();
}

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery鼠标悬停图片分享按钮动画
下一个特效：标签云