javascript - 选择选项下拉菜单和 Javascript

Question

我有这个脚本，我用它链接到其他网站，但我想制作另一个脚本，但如果我复制所有这些(除了 Javascript)，脚本就会中断，并且选择不会转到给定的位置网址不再了。

我怎样才能以最好的方式通过多个选择表单来完成这项工作？

<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

只需传入 <select> 的引用即可在 onchange 事件中。这样您就不需要从全局范围引用 SELECT:

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

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