Javascriptのドロップダウンから選択した値を取得する方法

Question

これはあまりにも多くの質問であると私に言い聞かせる前に、私はすでにこの質問の複数のバージョンを調べてみました。私。だから私は直接助けを得ようとします。

とにかく、私はエネルギーコストにそれぞれ対応する米国の州を含むドロップダウンリストを持っています。ユーザーが状態を選択すると、Javascriptコードが変更を検出し、選択したオプションの値を見つけ、その選択に基づいて変数（switch文で宣言されている）を設定するようにしています。

しかし、問題は、私が何をしても動作しません。私は何かが間違っているかどうかわからない、または私が知らない特定の事を書く必要があるが、私が間違っていても動作しない。

は、ここにHTMLです：

<div class="question"> 
     <p><b>In which U.S. state are you currently living in?</b></p> 
     <select id="stateselect"> 
     <option value="choose" selected="selected">[none]</option> 
     <option value="al">Alabama</option> 
     <option value="ak">Alaska</option> 
     <option value="az">Arizona</option> 
     <option value="ar">Arkansas</option> 
     /* Removed most of the options for sake of space*/ 
     </select> 
    </div> 

とJavaScript：

var energyCost; 
var state = document.GetElementById('stateselect'); 
function getEnergyCost() { 
    switch (state.value) { 
    case 'choose': 
     energyCost = 0.00; 
     break; 
    case 'al': 
     energyCost = 0.13; 
     break; 
    case 'ak': 
     energyCost = 0.21; 
     break; 
    case 'az': 
     energyCost = 0.12; 
     break; 
    case 'ar': 
     energyCost = 0.10; 
     break; 
    /* Ditto */ 
    } 
} 
state.addEventListener('change', getEnergyCost, false); 

誰かが私にこれでいくつかの援助を与えること気にしませんか？ありがとう！

注：回答はjQueryではなくプレーンなJavascriptで行う必要があります。

Answer 1

シンプルなタイプミスです。それはgetElementByIdであり、GetElementByIdではありません。

Answer 2

は、あなたはそれ無効な機能になりgetElementByIdにgetに

var state = document.GetElementById('stateselect'); 

var state = document.getElementById('stateselect'); 

への資本を変更する必要があります。