这篇博客展示了如何使用JAreaSelect插件在Web表单中创建京东风格的地区选择组件。通过示例代码，作者演示了如何初始化插件以设置默认省份、城市和区县，并提供了获取选中区域字符串的方法。此外，还介绍了JAreaSelect2的使用，包括回调函数用于显示选定地址并将其绑定到按钮上。
地区选择插件
.form-control {
margin-right: 5px;
}
传统表单 select UI 样式
获取地址
仿京东 UI 样式
选择区域
var area = $("#area-select-box").JAreaSelect({
prov : 1,
city : 72,
dist : 2839,
level : 3
});
$(".btn-success").on('click', function() {
$(this).text(area.getAreaString());
});
$(".btn-danger").on("click", function() {
$("#area-select-box2").JAreaSelect2({
prov : 1,
city : 72,
dist : 2839,
callback : function(data) {
console.log(data);
$(".btn-danger").html(data.address);
}
});
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
