フォームの<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

あなたのselectタグを閉じていません。

JavaScriptの行はセミコロンで終了していません。

場所はオブジェクトではないため、document.location.hrefを使用する必要があります。

これを試してみてください：

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