javascript - 根据选定的选择字段选项调用自定义函数

Question

这个问题已经有答案了:

Is it safe to assume strict comparison in a JavaScript switch statement? (3 个回答)

已关闭 1 年前。

我在使用下面的代码时遇到了问题。

我想在 2 个选项中进行选择。当我选择 "1" ，然后F1()叫做。当选择 "2" ，然后F2()被调用。

不幸的是我的代码有问题。

function abc(element){
    var value1 = element.options[element.selectedIndex].value;
    
    switch(value1){
        case 1:
            F1();
            break;
        case 2:
            F2();
            break;
    }
}

<select id = "nextGeneration" onchange="abc(this)" >
   <option value="1">1</option>
   <option value="2">2</option>
</select> 

Answer 1

您的代码不起作用，因为 element.options[element.selectedIndex].value 返回字符串值，而您正在将它们与整数进行比较。在下面的代码中，选择 2 有效，因为它有“2”的情况，但选择 1 不起作用

function F1(){
console.log(1);
}
function F2(){
console.log(2);
}
function abc(element){
                var value1 = element.options[element.selectedIndex].value;
                switch(value1){
                    case 1:
                        F1();
                        break;
                    case "2":
                        F2();
                        break;

                }
            }

<select id = "nextGeneration" onchange="abc(this)" >
<option value="1">1</option>
<option value="2">2</option> 

  </select>