昨天調了半天的前臺界面,最後終於實現了想要的下拉列表值變化,跳轉action效果。錯誤原因爲:1.將" οnchange="goUrl(2)"寫成" οnchange="goUrl(2);"導致JS行爲不執行;2.在函數中獲取值時,將var navId = document.getElementById("navId").value; 寫成var navId = document.getElementById("navId"),導致參數接收不到,現在將正確的代碼整理如下:
<head>
function goUrl(x){
if(x==1){
var roleId = document.getElementById("roleId").value;
window.location.href="../qx_view/selectByRole!selectByRole.action?qx.roleId="+roleId+"";
}
else if(x==2){
var navId = document.getElementById("navId").value;
window.location.href="../qx_view/selectByNav!selectByNav.action?qx.navId="+navId+"";
}
else if(x==3){
var opeId = document.getElementById("opeId").value;
window.location.href="../qx_view/selectByOpe!selectByOpe.action?qx.opeId="+opeId+"";
}
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#a8c7ce" οnmοuseοver="changeto()" οnmοuseοut="changeback()">
<tr>
<td class="STYLE6" >
按角色身份:
<select name="roleId" id="roleId" onChange="check1();">
<option></option>
<option value="1">學生</option>
<option value="2">老師</option>
<option value="3">專業負責人</option>
<option value="4">教學祕書</option>
</select>
</td>
<td class="STYLE6" >
按導航名:
<select name="navId" id="navId" οnchange="goUrl(2)">
<option></option>
<s:iterator value="navList" status="u">
<option value="<s:property value="navId" />">
<s:property value="navName" />
</option>
</s:iterator>
</select>
</td>
<td class="STYLE6" >
按分類名:
<select name="opeId" id="opeId" οnchange="goUrl(3)">
<option> </option>
<s:iterator value="opeList" status="u">
<option value="<s:property value="opeId" />">
<s:property value="opeName" />
</option>
</s:iterator>
</select>
</td>
</table>
</body>