S2SH下拉列表二级联动问题

Question

S2SH下拉列表二级联动问题

Answer 1

对用ajax，监听下拉框change事件，一旦改变就拿到对应的值发送请求获取数据，然后返回加载到另一个下拉框里面就OK了

Answer 2

//二维数组：存储课程信息
var projectArray = new Array();
projectArray[0] = ["--请选择--"];
var taglabArray = new Array();
//taglabArray[0] = ["--请选择--"];
$(function(){
//后台读取二级联动菜单数据
jQuery.post(
"../resource/getSort",
{},
function(data){
var sort = data;
projectArray[1]=sort[0];
projectArray[2]=sort[1];
projectArray[3]=sort[2];
projectArray[4]=sort[3];
projectArray[5]=sort[4];
taglabArray[1]=sort[5];
})

$("#resourceType").click(function(){
//alert(123);
 //得到方向的选择索引以及相应的数组
var i = document.getElementById("resourceType").selectedIndex;
var data = projectArray[i];
//得到课程选择框对象
var selObj = document.getElementById("subject");
var taglabselObj = document.getElementById("special");
//删除原有选项
while (selObj.childNodes.length > 0) {
selObj.removeChild(selObj.lastChild);
}
if(taglabselObj!=null){
while (taglabselObj.childNodes.length > 0) {
taglabselObj.removeChild(taglabselObj.lastChild);
}
}
//循环数组，写入新的 option 对象
for(var i = 0; i < taglabArray[1].length; i++){
var taglaboption = document.createElement("option");
taglaboption.value = taglabArray[1][i];
taglaboption.innerHTML = taglabArray[1][i];
if(taglabselObj!=null){
taglabselObj.appendChild(taglaboption);
}
}
for (var i = 0; i < data.length; i++) {
var optionObj = document.createElement("option");
optionObj.value = data[i];
optionObj.innerHTML = data[i];
selObj.appendChild(optionObj);
}
})
});