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

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

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

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

选择选项下拉菜单和Javascript

1 个答案: