日期:2014-05-16  浏览次数:20517 次

用Jquery做级联下拉列表
想做一个级联下拉列表,我是新手,求大神帮助了,可以告诉我思想也许,有例子更好,谢谢了
------解决方案--------------------

function schange(){
var wareHouseId=document.getElementById('routeSWareHouseId').value;
jQuery.post('getEndWareHouseList.action',{routeSWareHouseId:wareHouseId},function (data) {
var routeEWareHouse = document.getElementById("routeEWareHouseId") ;
routeEWareHouse.innerHTML = "" ;
var list = data.endWarehouseList ;
var childNode = document.createElement("option");
childNode.value = "" ;
childNode.innerText = "-----请选择-----" ;
routeEWareHouse.appendChild(childNode) ;
for(var i=0;i<list.length;i++) {
childNode = document.createElement("option");
childNode.value = list[i].routeSubEWareHouseId ;
childNode.innerText = list[i].routeSubEWareHouseName ;
routeEWareHouse.appendChild(childNode) ;
}
},'json');

}


大体思路,就是获取你下拉框的选择值,之后用ajax去后端查询,返回一个list,之后创建select对应的option,给赋值,不过赋之前,你的清除掉select的html所有文本!
------解决方案--------------------
在第一个下拉框的change事件中获取选中的value值然后根据此value值通过ajax调用后台方法获取第二个下拉框需要的选项数据最后循环创建第二个select 的option (把查到的数据赋给option)