(Javascript) 如何根据下拉列表中的选定选项更改变量值？

Question

我这里有一个下拉列表，我已经声明了一个变量 (vki)

<html>
<body>
    <form>
        Select your favorite letter!
        <select id="Fletter">
            <option selected disabled>Choose one</option>
            <option>A</option>
            <option>B</option>
            <option>C</option>
            <option>D</option>
            <option>E</option>
            <option>F</option>
        </select>
    </form>
    <script>
        var vki,
    </script>
</body>
</html>

我希望 (vki) 在选择不同的选项时具有不同的值。比如选A的时候vki=5，选B的时候vki=7，怎么办？

谢谢！

Answer 1

使用对象将选项值映射到您要放入的值 vki。

$("Fletter").change(function() {
    var vki_map = {
        A: 5,
        B: 7,
        ...
    }
    vki = vki_map[$(this).val()];
});

但我想知道你为什么不直接将这些值放在 <option> 中，例如

<option value="5">A</option>
<option value="7">B</option>
...

那么你可以这样做：

vki = parseInt($(this).val, 10);

(Javascript) 如何根据下拉列表中的选定选项更改变量值？

(Javascript) How to changed a variable value based on selected option in a dropdown list?

javascript

jquery

options

drop-down-menu