javascript - 从下拉菜单重定向

Question

我对编码真的很陌生，所以这是我的问题。如何使用 JSP 和 Javascript 重定向到另一个页面？还是服务小程序？我对 Servlet 一点都不了解，这就是我使用 Javascript 的原因。当我选择任何选项并单击提交时，没有任何反应。

这是我的代码:

JSP:

<form>
    <select id="module_id" name="module_id" />
        <option value="0" selected /></option>
        <option value="1" /> CD101 </option>
        <option value="2" /> CD102 </option>
        <option value="3" /> CD103 </option>
        <option value="4" /> CD104 </option>
        <option value="5" /> CD105 </option>
        <input type="button" value="Submit" onclick ="myChoice();" />
    </select>
</form>

Javascript: (google-d)

<script type="text/javascript">
function myChoice(){
  var s = document.getElementById("module_id");
  var module_id = s.selectedIndex.value;

  if (module_id === 1)
      window.location = "response.jsp";
  if (module_id === 2)
      window.location = "http://www.google.com";
}
</script>

Answer 1

function myChoice(){
  var s = document.getElementById("module_id");
  var module_id = s.value;
  console.log(module_id );
  if (module_id === "1")
      alert("ok");
  if (module_id === 1)
      alert("not ok");
}

<form>
    <select id="module_id" name="module_id" />
        <option value="0" selected /></option>
        <option value="1" /> CD101 </option>
        <option value="2" /> CD102 </option>
        <option value="3" /> CD103 </option>
        <option value="4" /> CD104 </option>
        <option value="5" /> CD105 </option>
        <input type="button" value="Submit" onclick ="myChoice();" />
    </select>
</form>

从您的代码中替换它:

function myChoice(){
      var s = document.getElementById("module_id");
      var module_id = s.value;//changed
    
      if (module_id === "1")//changed
          window.location.href = "response.jsp";
      if (module_id === "2")//changed
          window.location.href = "http://www.google.com";
    }

解释:

您正在获取 string 类型的值并且您正在与 int 进行比较，=== 运算符比较值以及类型所以这就是重定向没有发生的原因。

要了解更多信息，您应该阅读这个很棒的答案 https://stackoverflow.com/a/359509/3143384 .

而 javascript 的 selectedIndex 返回所选选项的索引而不是其对象引用。所以你必须使用 option 或 value。有关更多信息，请阅读 this和尝试 this example