html 地址选择控件,jQuery json省市区街道四级联动地址选择插件

本文介绍了一种使用jQuery实现的地址选择器功能,通过点击触发显示与隐藏地址选择层,并利用城市联动插件完成地址的选择过程。代码中包含了事件绑定、DOM操作及插件初始化等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

js代码

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

}

});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值