带有许多类似选择的html，它们在更改时会做出反应

Question

我的html包含许多我认为我可以做的所有类似选择

<form name="form">
<select name="site" size="1" onChange="formHandler()">
  <option value="$site?i=$i&j=$2">ABC</option>
  ...
</select>
</form>

包含在html标头中的是

function formHandler() {
  var URL = "";
  URL = document.form.site.options[document.form.site.selectedIndex].value;
  if ( (URL != "") && (URL != "0") ) {
    window.location.href = URL;
  }
}

但是我收到TypeError：document.form.site未定义。我认为这是因为表单及其选择均具有相同的名称。这是因为我只希望标题中有一个formHandler（）。

非常感谢您的帮助！

Answer 1

将元素作为参数传递给处理函数：

onchange="formHandler(this)"

，然后在处理程序中：

function formHandler(el) {
    var url = el.options[el.selectedIndex].value;
    // and the rest...
}