admin 使用jQuery实现省市区三级下拉菜单选择插件
自定义功能，还可以自定义数据结构，也就是说无论是别的几级数据都可以进行联动选择。
使用方法：
1.加载插件
<script src="jquery.js"></script> <script src="jquery.cxselect.js"></script>
2.HTML结构
<!-- select 必须放在元素 id="element_id" 的内部，不限层级 select 的 class 任意取值，也可以附加多个 class，如 class="province otherclass"，在调用时只需要输入其中一个即可，但是不能重复 如需设置 select 默认值，加上 data-value 属性，例：<select class="province" data-value="浙江省"></select> --> <div id="element_id"> <select class="province"></select> <select class="city"></select> <select class="area"></select> </div>3.函数调用
// selects 为数组形式，请注意顺序 $('#element_id').cxSelect({ selects: ['province', 'city', 'area'], nodata: 'none' }); // 设置全局默认值，需在引入 <script src="jquery.cxselect.js"></script> 之后，调用之前设置 $.cxSelect.defaults.url = 'cityData.min.json'; // 提示：如果服务器不支持 .json 类型文件，请将文件改为 .js 文件 $.cxSelect.defaults.nodata = 'none';
0条评论