级联表分为多层,只有上一层确定数据才会显示当前层。
HTML使用<select>标签为数据分层,只需要填入第一层的数据即可,剩余层通过jQuery从服务器端导入数据。
通过CSS设置所需样式,隐藏掉(visibility 或 display)暂不显示的块,保留第一层<select>供选择。
jQuery部分:
1.为各层<select>设置 change 事件,处理下拉框数据变化后发生的事情。
2.在 change 事件中检测<select>的 value 值,使用 val() 方法。
3.value值不存在,则隐藏掉相应层和需隐藏的数据块。
4.value值存在,则通过 $.get ($.post) 方法从服务器端异步请求数据,参数为 $.post(”请求数据文件",{ 想传递的参数 },function() { } ,返回类型("json") )。