求救：jquery联动下拉框

Question

数据库有一张表，有id，有地区，有学校。
现在我有个需求，用jquery实现，先选择第一个下拉框，读取数据库中的地区，显示出来，选定地区后，在根据这个地区读取数据库中的学校，显示第二个下拉框，选择学校。
求助各位大虾帮帮！万分感谢！

Answer 1

可以通过ajax传入第一个下拉框的值作为参数获取数据填充下一个下拉框

Answer 2

$("#areaSel").change(function(){
    $.ajax({
     type: "POST",
     url: "json/schoolList_init.action",
     data: "areaId=" + $("#areaSel").val(),
     success: function(obj){
   var oSelect = document.all["schoolSel"];
   oSelect.length = 0;
for(i = 0; i < obj.schoolList.length; i++) 
{          
oSelect.options[oSelect.length]=new Option(obj.schoolList[i].name, obj.schoolList[i].id); 
}
     }
});
});
刚做过的，在ie和Google下都可以运行

Answer 3

使用easyui的ComboBox控件，用法可以参考：http://jquery-easyui.wikidot.com/document:combobox
区域学校例子如下：
页面： <select id="cc1" class="easyui-combobox" name="region" url="region.json" style="width:80px;"></select>
<select id="cc2" class="easyui-combobox" name="school" style="width:80px;"></select>
代码思路：在区域选项改变时重新加载学校的数据.$('#cc1').combobox({
onChange: function(newValue){
$('#cc2').combobox('reload', 'school.json?region='+newValue);
}
});