В элементе формы <select>как использовать обработчик события onchange для прямой связи с выбранной опцией?

Question

Это то, что я использовал в прошлом для сайтов без поддержки 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>

Answer 1

Вы не закрываете свой тег выбора.

Вы не заканчиваете строки javascript точками с запятой.

location не является объектом, вам нужно использовать document.location.href.

Попробуйте это:

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