下拉列表的onchange事件

最新推荐文章于 2025-06-29 21:45:00 发布

单线程的娃

最新推荐文章于 2025-06-29 21:45:00 发布

阅读量8.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：网页前端文章标签： iterator class border action c

本文链接：https://blog.youkuaiyun.com/zixiao_YING/article/details/7066240

网页前端专栏收录该内容

3 篇文章

订阅专栏

昨天调了半天的前台界面，最后终于实现了想要的下拉列表值变化，跳转action效果。错误原因为：1.将" onchange="goUrl(2)"写成" onchange="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" onmouseover="changeto()" onmouseout="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" onchange="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>

</body>