# 省市區選擇 ## 6.3.5.省市區選擇 ~~~ <input id="demoCascader1" placeholder="請選擇" class="layui-hide"/> <script type="text/javascript" src="/assets/module/cascader/citys-data.js"></script> <script> layui.use(['cascader'], function () { var $ = layui.jquery; var cascader = layui.cascader; cascader.render({ elem: '#demoCascader1', data: citysData, itemHeight: '250px', filterable: true }); }); </script> ~~~ 省市區的數據已經封裝好了，只需要引入數據的js即可，數據包含省市區，value是區號， 如果需要對數據進行處理，cascader封裝了幾種處理數據方法： ~~~ // value也是中文而不是區號 var data = cascader.getCityData(admin.util.deepClone(citysData)); cascader.render({ elem: '#demoCascader11', data: data }); // 只顯示省市，不要區域 var data = cascader.getCity(admin.util.deepClone(citysData)); // 只顯示省份，不要市區 var data = cascader.getProvince(admin.util.deepClone(citysData)); // 只顯示省份，并且value是中文，而不是區號 var data = cascader.getCityData(cascader.getProvince(admin.util.deepClone(citysData))); ~~~