### 省市區插件使用 **位置：** Public/plug/address/jquery_citys.js 插件文件 Public/plug/address/list.json 數據源json **插件地址：** https://github.com/mumuy/widget **參數：** three_city ， province ， city ， area **新增時候調用：** <script src="__PUBLIC__/plug/address/jquery_citys.js"></script> <script> $('#three_city').citys({}) </script> **完整代碼：** ~~~ <div class="form-group" id="three_city"> <label class="col-sm-2 control-label" style="width:12.5%">省份：</label> <div class="col-sm-3"> <select class="form-control" name="province"> </select> </div> <div class="col-sm-3"> <select class="form-control" name="city"> </select> </div> <div class="col-sm-3"> <select class="form-control" name="area"></select> </div> </div> ~~~ **截圖：**  **編輯時候調用：** 在頁面編輯的時候調用老的數據，進行默認的賦值，賦值所在區的代碼就可以了 ~~~ <!-- 省市區調用判斷是否有數據 --> <script type="text/javascript"> <if condition="$result['customer_area'] neq '' "> // 賦值省市區 $('#three_address').citys({code:{$result['customer_area']}}); <else /> // 初始化省市區 $('#three_address').citys({ required:false, nodata:'disabled', onChange:function(data){ var text = data['direct']?'(直轄市)':''; $('#place').text('當前選中地區：'+data['province']+text+' '+data['city']+' '+data['area']); } }); </if> </script> ~~~ **直轄市與省市區不同的Bug解決方案** ~~~ // 解決直轄市的二級沒有三級的問題 if (empty($params['area'])) { $params['customer_city'] = $params['province']; // 市 $params['customer_area'] = $params['city']; // 區 } else { $params['customer_city'] = $params['city']; // 市 $params['customer_area'] = $params['area']; // 區 } ~~~