淘宝省市区街道js代码

最新推荐文章于 2023-07-26 11:05:24 发布

z_阿包

最新推荐文章于 2023-07-26 11:05:24 发布

阅读量3.9k

点赞数

本文链接：https://blog.csdn.net/qq_29431557/article/details/78655141

版权

这是一个基于jQuery的JavaScript代码示例，用于在网页中实现淘宝风格的省市区街道选择功能。通过调用(Address)函数并设置回调函数，可以获取用户选择的地址信息并显示在输入框中。

摘要由CSDN通过智能技术生成

!(function(b) {
b.fn.Address = function(k) {
var F = b.extend({
callback: function() {}
}, k);
b(this).bind("click", function() {
l.css("display", "block")
});
var l = b("<div>").attr("id", "city-select");
b(this).after(l);
var i = b("<div>").attr("id", "city-select-tab");
l.append(i);
var t = b("<a>").attr("href", "javascript:void(0);").addClass("current").attr("id", "tab_province").html("省份");
var H = b("<a>").attr("href", "javascript:void(0);").attr("id", "tab_city").html("城市");
var e = b("<a>").attr("href", "javascript:void(0);").attr("id", "tab_district").html("县区");
var s = b("<a>").attr("href", "javascript:void(0);").attr("id", "tab_street").addClass("last").html("街道");
i.append(t).append(H).append(e).append(s);
var y = function() {
b("#city-select-tab").find(".current").removeClass("current");
b(this).addClass("current");
b("#city-select-content").find(".current").removeClass("current");
var j = b(this).attr("id");
if (j == "tab_province") {
b("#city-province").addClass("current")
} else {
if (j == "tab_city") {
b("#city-city").addClass("current")
} else {
if (j == "tab_district") {
b("#city-district").addClass("current")
} else {
b("#city-street").addClass("current")
}
}