자바 스크립트에서 드롭 다운에서 선택 값을 얻는 방법

Question

이제 질문이 많습니다.이 질문에 대한 여러 버전을 살펴 보았습니다. 해결책을 찾았을 때 그 중 아무 것도 작동하지 않았습니다. 나를. 그래서 나는 직접적인 도움을 얻으려고 노력할 것입니다.

어쨌든, 저는 에너지 비용에 해당하는 미국 상태를 포함하는 드롭 다운 목록을 가지고 있습니다. 사용자가 상태를 선택할 때 자바 스크립트 코드가 변경 사항을 감지하고 선택한 옵션의 값을 찾은 다음 해당 선택 사항을 기반으로 switch 문에 선언 된 변수를 설정하도록하려고합니다.

그러나 문제는 내가하는 일과 상관없이 작동하지 않습니다. 나는 철자가 잘못되었거나 내가 모르는 어떤 것을 써야할지 모른다. 그러나 내가 뭘 잘못하고 있든간에, 그것은 효과가 없다.

<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> 

그리고 자바 스크립트 :

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); 

사람의 마음이 저에게이 일부 도움을주는 것인가 여기에

는 HTML입니까? 감사!

참고 : 답변은 jQuery가 아닌 일반 Javascript로 작성해야합니다.

Answer 1

간단한 오타가 있습니다. 그것은 getElementById이 아니며 GetElementById이 아닙니다.

Answer 2

귀하는 잘못된 기능하게 getElementById에 get에

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

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

에 자본을 변경해야합니다.