选择选项下拉菜单和Javascript

Question

我有这个脚本，可以用来链接到其他站点，但是我想创建另一个站点，但是如果我复制所有这些站点，除了Java脚本，脚本就会中断，并且选择内容将不再进入给定的URL。

如何使用多种选择形式以最佳方式完成这项工作？

<form name="event_type_selector" method="post" action="#">
<select name="url_list" class="event-type-selector-dropdown" onchange="gotosite()">
    <option value="" selected="selected" disabled="disabled">Vælg venligst...</option>

    <optgroup label="Selection 1:">
    <option value="?value-now1">Value-Now 1</option>
    </optgroup>

    <optgroup label="Selection 2:">
    <option value="?value-now2">Value-Now 2</option>
    </optgroup>

</select>

<script language="javascript">
function gotosite() {
    var URL = document.event_type_selector.url_list.options[document.event_type_selector.url_list.selectedIndex].value; 
    window.location.href = URL;
}
</script>

Answer 1

只需在onchange事件中传递对<select>的引用。 这样，您无需从全局范围引用SELECT：

<select ... onchange="gotosite(this)">

function gotosite(select) {
    window.location.href = select.value;
}