html中免费的四级联动,利用JS实现省市区街道四级联动插件

特效描述：利用JS实现 省市区街道 四级联动插件。利用JS实现省市区街道四级联动插件

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

所在地区

所在地区

• 请选择
• 请选择
• 请选择
• 请选择

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

}

});

}