JSP中不使用AJAX如何实现下拉框联动

发布网友 发布时间：2022-04-30 19:22

我来回答

共4个回答

热心网友 时间：2022-05-15 07:43

script代码：
bigClass = new Array();
bigClass[0] = new Array("中华菜谱","湘菜，川菜，鲁菜，粤菜，闽菜，浙菜，徽菜，苏菜，其他");
bigClass[1] = new Array("西餐美食","韩国料理，日本料理，意大利餐，法国菜谱，澳洲菜谱，美国菜谱，东南亚菜，其他");
bigClass[2] = new Array("地方小吃","上海，湖南，北京，重庆，浙江，陕西，四川，安徽，江苏，东北，福建，其他");

function getClass2(currClass1)
{
var currClass1 = currClass1;
var i,j,k;
document.all.menuClass2.length = 0 ;
for (i = 0 ;i <bigClass.length;i++)
{
if(bigClass[i][0]==currClass1)
{
littleClass = bigClass[i][1].split("，")
for(j=0;j<littleClass.length;j++)
{
document.all.menuClass2.options[document.all.menuClass2.length] = new Option(littleClass[j],littleClass[j]);
}
}
}
}

页面相关代码：
<tr><td>第一类别 : <select id="menuClass1" name="menuClass1" onChange = "getClass2(this.options[this.selectedIndex].text)">
<option value="-请选择-">-请选择-</option>
<option>中华菜谱</option>
<option>西餐美食</option>
<option>地方小吃</option>
</select>
</td></tr>
<tr><td>第二类别 : <select id="menuClass2" name="menuClass2" >
<option value="-请选择-">-请选择-</option>
</select>
</td></tr>

热心网友 时间：2022-05-15 09:01

主要就是改变下拉框的值时，即调用onchange事件时，调用逻辑层的action，然后更新画面的联动下拉框就ok了

热心网友 时间：2022-05-15 10:36

部门
<select name="u_did"id="u_did"onchange="Change();">
<option value="" >请选择</option>
<%
Iterator dit=dlist.iterator();
while(dit.hasNext()){
//从数据库中读取简历id赋值给strId
deptVo vo=(deptVo)dit.next();
strdId=vo.getD_id();
dept_name=vo.getD_name();

%>
<option value="<%=strdId%>" ><%=dept_name%></option>
<%}%>

<script>
function Change(){
var strdId1=document.form1.u_did.value;

document.location.href='/checks/userServlet?sid=5&u_did='+strdId1;

}
</script>

热心网友 时间：2022-05-15 12:27

调用onSubmit事件