博文地址 http://www.cnblogs.com/cl-blogs/p/4708102.html?utm_source=tuicool&utm_medium=referral
ajax 实现 (全国,省,是,区....) N级联 Demo
js:
<script type="text/javascript">
$(function () {
$.fn.CascadeSelect({
url: '/CascadeSelect/CascadeSelect.ashx', //返回Json数据的一般处理文件
idKey: 'Id', // 绑定下拉框实际值的字段
nameKey: 'Name', // 绑定下拉框显示值的字段
casTopId: 0, // 顶级节点ParentId
casCount: 4, // 级联个数
casObjId: ['SelProvince', 'SelCity', 'SelArea', 'SelXian'], // 级联下拉框id
casDefVal: ['全国', 5, '益阳', 22], // 级联默认值(Id,Name都可以)
});
});
</script>
html:
<h2> 省级联动</h2>
<div class="city" >
<select id="SelProvince" class="select"></select>
<select id="SelCity" class="select"></select>
<select id="SelArea" class="select"></select>
<select id="SelXian" class="select"></select>
</div>
ashx: 接收参数
Level 级联级别 从1开始
ParentID 父级ID
- 1
- 2
前往页