H5手机移动端省市区联动城市选择器插件

一款不错的H5手机移动端省市区联动城市选择器插件,可分别选择一二三级联动效果。

JS代码

<script src="./city.js"></script> 
<script src="./picker.min.js"></script> 
<script> 
    // 选择器 
    function picker1() { 
        var nowValue = document.getElementById('nowValue'); 
        new Picker({ 
            "title": '请选择',//标题(可选) 
            "defaultValue": nowValue.value,//默认值(可选) 
            "type": 1,//需要联动级数[1、2、3](可选、不传时默认获取数据的深度,最多3级) 
            "data": cityData,//数据(必传) 
            "keys": { 
                "id": "Code", 
                "value": "Name", 
                "childData": "level"//最多3级联动 
            },//数组内的键名称(必传,id、text、data) 
            "callBack": function (val) { 
                //回调函数(val为选择的值) 
                nowValue.value = val; 
            } 
        }); 
    }; 
 
    function picker2() { 
        var nowValue = document.getElementById('nowValue'); 
        new Picker({ 
            "title": '请选择',//标题(可选) 
            "defaultValue": nowValue.value,//默认值-多个以空格分开(可选) 
            "type": 2,//需要联动级数[1、2、3](可选) 
            "data": cityData,//数据(必传) 
            "keys": { 
                "id": "Code", 
                "value": "Name", 
                "childData": "level"//最多3级联动 
            },//数组内的键名称(必传,id、text、data) 
            "callBack": function (val) { 
                //回调函数(val为选择的值) 
                nowValue.value = val; 
            } 
        }); 
    }; 
 
    function picker3() { 
        var nowValue = document.getElementById('nowValue'); 
        new Picker({ 
            "title": '请选择',//标题(可选) 
            "defaultValue": nowValue.value,//默认值-多个以空格分开(可选) 
            "data": cityData,//数据(必传) 
            "keys": { 
                "id": "Code", 
                "value": "Name", 
                "childData": "level"//最多3级联动 
            },//数组内的键名称(必传,id、text、data) 
            "callBack": function (val) { 
                //回调函数(val为选择的值) 
                nowValue.value = val; 
            } 
        }); 
    } 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录