# 省市区选择 ## 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))); ~~~