可访问多表的 三级联动下拉列表

Question

最进要做个三级联动的下拉列表， 要访问几个数据表如（院系，专业，班级）等来给option的text，value赋值
可基于 Struts2.x ,json ,ajax实现最好，多谢各位啦！
纯js静态的如果可以给option的text，value赋值，也可，多谢多谢啦！

Answer 1

 var idx=document.getElementById("sel").selectedIndex;
 if(idx==-1){
 alert("请选择！");return;
 }
 var val=document.getElementById("sel").options[idx].value;
 var txt=document.getElementById("sel").options[idx].text;
 var p=new Option(txt,val);
 document.getElementById("sel2").add(p);
Java  技术交流群：58156559

Answer 2

html文件代码：注意：value值为 ID  text值为 NAME院系：
<select name="yx" id="yx">
<option value="1">计算机</option>
<option value="2">音乐</option>
<option value="3">舞蹈</option>
</select>
专业：
<select name="zy" id="zy">
</select>
班级：
<select name="bj" id="bj">
</select>
jquery文件代码：
$(document).ready(function(){ var option1 = "<option value='";
var option2 = "'>";
var option3 = "</option>"; // 选择院系
$('#yx').change(function(){
var yxVal = $("#yx").val();
$.ajax({
url: "*****.action",
type: "post",
data: "yx="+yxVal,
error: function(){
alert('院系-专业关联失败');
},
success : function(result){  // result 返回的是json格式数据
var dataObj = eval("("+result+")");//转换为json对象
var a;
for(var i = 0; i < dataObj.Table.length; i++){
a += option1 + dataObj.Table[i].zyID + option2 + dataObj.Table[i].zyNAME + option3;
}
$('#yx').html(a);
}
});
}); // 选择专业
$('#zy').change(function(){
var zyVal = $("#zy").val();
$.ajax({
url: "*****.action",
type: "post",
data: "zyID="+zyVal,
error: function(){
alert('专业-班级关联失败');
},
success : function(result){  // result 返回的是json格式数据
var dataObj = eval("("+result+")");//转换为json对象
var a;
for(var i = 0; i < dataObj.Table.length; i++){
a += option1 + dataObj.Table[i].bjID + option2 + dataObj.Table[i].bjNAME + option3;
}
$('#bj').html(a);
}
});
});
});