如何從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);

有人介意為此提供幫助嗎？ 謝謝！

注意：我需要使用普通Javascript（而不是jQuery）的答案。

Answer 1

你需要改變

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

至

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

getElementById get大寫getElementById使其成為無效函數。

Answer 2

您有一個簡單的錯字。 它是getElementById ，而不是GetElementById 。