区域选择

功能介绍
一款能够快速按大区划分的省市多项选择插件,同时可快速对接FastAdmin。

使用说明
1、在需要弹出区域选择插件的任何元素添加data-toggle=”areapicker”属性

2、如果需要使用返回的数据填充文本框,可以配置data-input-name=”文本框ID”,同时可配置data-input-val=”文本框ID”。

<form action="" method="post" role="form">
    <div class="form-group">
        <label for=""></label>
        <input type="text" class="form-control" name="" id="names" placeholder="区域名称">
    </div>
    <div class="form-group">
        <label for=""></label>
        <input type="text" class="form-control" name="" id="vals" placeholder="区域值">
    </div>

    <button type="button" class="btn btn-primary" data-toggle='areapicker' data-input-name="names"
        data-input-val="vals">点击选择区域</button>
</form>

3、如果需要对选择数据做其他处理则需要在当前控制器所对应的JS文件中添加事件进行绑定,如

$("[data-toggle='areapicker']").data("callback", function(res){
 //其中res则是包含了name/val的JSON对象,选中项以英文半角分号分割,如 "北京;天津"/"16842752;16908288"
});

4、本插件1.1.0版本以上可支持自定义数据源,用于其它包含上下级关系的业务中。

作者:xunyat  创建时间:2024-10-19 15:23
最后编辑:xunyat  更新时间:2024-10-19 15:27