jQuery json手机移动端省市区街道地址四级联动选择插件

来源:https://www.sucaihuo.com/js/3757.html 2018-06-19 11:31浏览(2956) 收藏

jQuery json手机移动端省市区街道地址四级联动选择插件,非常实用的一款四级联动城市地区选择代码。
jQuery json手机移动端省市区街道地址四级联动选择插件
分类:表单代码 > 城市选择 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery.min.js"></script>
<script src="js/city.js"></script>
<script>
			$(function(){
			    // 地址选择器遮罩层打开与关闭
				$("#areaLabel").click(function(e){
				    $("#addressSelectWrapper").show();
				    e.stopPropagation();
				});
				$(document).click(function () {
                    $("#addressSelectWrapper").hide();
                });
				$("#cancel").click(function () {
                    $("#addressSelectWrapper").hide();
                });
                $("#addressSelect").click(function (e) {
					e.stopPropagation();
                });

                initAddress();
			});

            //初始化地址选择
            function initAddress() {
                $("#Addr").cityLinkage({
                    containerId: 'addressSelectWrapper',
                    getSelectedCode:function(){return $("#Addr").data("code");},
                    callback:function(data) {
                        $("#Addr").val(data.addr).data("code",data.town.code);
                    }
                });
            }
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2