ドロップダウンリストとボタンが

Question

を働いていない私は、HTMLのセグメントを持っている：

<select id="myList"> 
<option value="1"selected="selected">Position 1</option> 
<option value="2">Position 2</option> 
<option value="3">Position 3</option> 
<option value="4">Position 4</option> 
<option value="5">Position 5</option> 
</select> 
<input type="submit" id="go" value="Go to Position"></input> 

スポットライトの位置を選択するようユーザーに促しどの。 JSサイドには次の情報が含まれています：

var select = document.getElementById("myList"); 
var answer = select.options[select.selectedIndex].value; 

if (answer == "1") { 
    document.getElementById("go").onclick = function() { ightAtX = -1.0; lightAtZ = 0.5; }; 
} else if (answer == "2") { 
    document.getElementById("go").onclick = function() { lightAtX = -1.0; lightAtZ = -0.5; }; 
} else if (answer == "3") { 
    document.getElementById("go").onclick = function() { lightAtX = 0.0; lightAtZ = -0.5; }; 
} else if (answer == "4") { 
    document.getElementById("go").onclick = function() { lightAtX = 1.0; lightAtZ = -0.5; }; 
} else if (answer == "5") { 
    document.getElementById("go").onclick = function() { lightAtX = 1.0; lightAtZ = 0.5; }; 
} else { 
    return; 
} 

スポットライトの位置を変更するには、[Go to Position]ボタンをクリックします。ただし、ボタンをクリックしても何も変わりません。私は何が欠けていますか？

Answer 1

onclick機能の中で選択（回答）を確認する必要があります。答えは一度評価されます（コードが含まれていない場合を除きます）。あなたが指示しない限り、動的に更新されることはありません。このような

何か：

document.getElementById("go").onclick = function() { 
    var select = document.getElementById("myList"); 
    var answer = select.options[select.selectedIndex].value; 

    if (answer == "1") { 
    }... 
}