javascript - 下拉选择表单，转到提交时的 URL

Question

有没有一种简单的方法可以让用户从 SUBMIT 上的下拉列表转到 URL，而不是 onChange。

我有这个代码:

<form name="cityselect">
<select name="menu" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO">
<option selected="selected">Select One</option>
<option value="http://www.domain-one.com">London</option>
<option value="http://www.domain-two.com">Glasgow</option>
</select>

尝试将 onChange 更改为 onSubmit，但不起作用。

Answer 1

试试这个。

另外:您需要将 JavaScript 与 HTML 分开。不要使用 onchange 或类似的 HTML 属性。虽然从技术上来说这并没有错，但从代码质量/可维护性的 Angular 来看，这是很糟糕的。

var goBtn = document.getElementById("goBtn");
var menu = document.getElementById("menu");

goBtn.onclick = function() {
  window.location = menu.value;
}

<select id="menu">
  <option selected="selected">Select One</option>
  <option value="http://www.domain-one.com">London</option>
  <option value="http://www.domain-two.com">Glasgow</option>
</select>
<input type="button" id="goBtn" value="GO!">

这对你有用吗？