在表单<select>元素中,如何使用onchange事件处理程序直接链接到所选选项?</select>

时间:2011-06-17 13:42:52

标签: widget javascript forms text

这是我过去用于非wordpress网站的内容:

function goThere() {
    var list = document.forms[0].articles
    location = list.options[list.selectedIndex].value
}

调用该函数的select元素:

<form>
<select id="articles" name="articles" onchange="goThere()">
 <option value="#" selected>Choose an article</option>
 <option value="document1.pdf">Document 1</option>
 <option value="document2.pdf">Document 2</option>
 <option value="document3.pdf">Document 3</option>
</form>

1 个答案:

答案 0 :(得分:5)

您没有关闭您的选择标记。

您没有以分号结束您的javascript行。

location不是对象,需要使用document.location.href。

试试这个:

function goThere() {
    var list = document.getElementById('articles');
    document.location.href = list.options[list.selectedIndex].value;
}