fastadmin省市区快捷方式

Posted 2021-08-10 请叫我郝先生

 方式一

<div class="form-group">
    <label class="control-label col-xs-12 col-sm-2">省市区：</label>
    <div class="col-xs-12 col-sm-8">
        <input id="c-city" class="form-control" data-toggle="city-picker" name="row[city]" type="text" value="" />
    </div>
</div>

 方式二 通过ajax请求 

<div class="form-inline" data-toggle="cxselect" data-selects="province,city,area">
     <select class="province form-control" name="province" data-url="ajax/area"></select>
     <select class="city form-control" name="city" data-url="ajax/area"></select>
     <select class="area form-control" name="area" data-url="ajax/area"></select>
</div>

方式三 通过json数据渲染

<!--由于在初始化中修改了默认值,所以这里需要修改-jsonSpace/jsonValue/jsonName的值-->
<div class="form-inline" data-toggle="cxselect" data-url="/assets/libs/fastadmin-cxselect/js/cityData.min.json" data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value="">
    <select class="province form-control" name="province"></select>
    <select class="city form-control" name="city"></select>
    <select class="area form-control" name="area"></select>
</div>

 备注：推荐各位小伙伴使用方式一