下拉列表的onchange事件

昨天調了半天的前臺界面,最後終於實現了想要的下拉列表值變化,跳轉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>

發佈了25 篇原創文章 · 獲贊 9 · 訪問量 9萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章