jQuery-级联表实现

级联表分为多层，只有上一层确定数据才会显示当前层。

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") )。

5.当返回数据为数组时，可以判断数据长度来得知是否获取到可用数据。

6.利用数据填充新创建的<option>标签，再 appendTo() 到对应的层。

7.可利用到的技术：

1.通过 attr 改属性。

2.AjaxStart事件，在每一个jQuery发出ajax请求开始前执行。 ajaxEnd事件，在所有ajax请求结束后执行。 ajaxCompelete事件，在每一个ajax请求结束后执行。

3.通过 new Image() 对图片进行预装载。

4.可利用 .data() 方法对数据进行缓存或者读取。

5.用 animate() 实现动画效果。