자바 스크립트에서 드롭 다운 메뉴 색인 값을 가져 오는 방법은 무엇입니까?

Question

저는 드롭 다운 메뉴에서 선택한 연산자를 기반으로 수학이 수행되지만 작동하지 않는 기본 계산기를 만들려고합니다. 왜 작동하지 않는지 나는 확신 할 수 없다. 실제 텍스트가 아닌 옵션의 색인을 받으려고합니다.

내 코드 :

var numOne = document.getElementById("num-one"); 
var numTwo = document.getElementById("num-two"); 
var menu = document.getElementbyId("menuType"); // feeling like the error is here 
var selection = menu.options[menu.selectedIndex].value; // or here 
var userAnswer = document.getElementById("user-Answer"); 


numOne.addEventListener("input", math); 
numTwo.addEventListener("input", math); 

function math() { 

    var one = parseFloat(numOne.value) || 0; 
    var two = parseFloat(numTwo.value) || 0; 
    var userSelect = selection 

    if (userSelection == 1){ 
    userAnswer.innerHTML = one + two; 
} 
     else if (userSelection == 2){ 
       userAnswer.innerHTML = one - two; 
      } 

      else else if (userSelection == 3){ 
        userAnswer.innerHTML = one * two; 
      } 

       else else else if (userSelection == 2){ 
         if (two == 0){ 
          alert("Error, cannot divide by 0"); 
         } 
         else 
         userAnswer.innerHTML = one/two; 
      } 


} 

Answer 1

당신은 드롭 다운 목록에서 선택한 옵션의 인덱스를 반환 selectedIndex를 사용할 수 있습니다. 예를 들어

는 : document.getElementById("numOne").selectedIndex = "1";