87,922
社区成员
发帖
与我相关
我的任务
分享求救：jquery联动下拉框
数据库有一张表，有id，有地区，有学校。
现在我有个需求，用jquery实现，先选择第一个下拉框，读取数据库中的地区，显示出来，选定地区后，在根据这个地区读取数据库中的学校，显示第二个下拉框，选择学校。
求助各位大虾帮帮！万分感谢！
现在我有个需求，用jquery实现，先选择第一个下拉框，读取数据库中的地区，显示出来，选定地区后，在根据这个地区读取数据库中的学校，显示第二个下拉框，选择学校。
求助各位大虾帮帮！万分感谢！
...全文
请发表友善的回复…
发表回复
stworthy 2010-08-04
- 打赏
- 举报
使用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);
}
});
战斗生活 2010-08-03
- 打赏
- 举报
百度 google吧
Hobby8427 2010-08-03
- 打赏
- 举报
$("#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下都可以运行
$.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下都可以运行
onlylikews 2010-08-03
- 打赏
- 举报
可以通过ajax传入第一个下拉框的值作为参数获取数据填充下一个下拉框
hoojo 2010-08-03
- 打赏
- 举报
这个是级联菜单效果，网上搜搜很多的。
