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属性。虽然从技术上讲没有错，但从代码质量/可维护性的角度来看却很糟糕。

＆＃13;

var goBtn = document.getElementById("goBtn");
var menu = document.getElementById("menu");

goBtn.onclick = function() {
  window.location = menu.value;
}

＆＃13;

<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!">

＆＃13;

这对你有用吗？

Answer 2

您可以在onsubmit元素上使用<form>事件，但是您希望阻止对事件的默认，对于onsubmit事件，您需要使用{ {1}}：

return

下拉选择表格，转到SUBMIT上的URL

2 个答案: