（Javascript）如何根据下拉列表中的所选选项更改变量值？

Question

I have a dropdown list right here and I have declared a variable (vki) 我在这里有一个下拉列表，并声明了一个变量（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>

I want (vki) to have different values when different option is selected. 选择不同的选项时，我希望（vki）具有不同的值。 For example, vki=5 when A is selected, vki=7 when B is selected, how would I do that? 例如，当选择A时vki = 5，当选择B时vki = 7，我该怎么做？

Thank you! 谢谢！

Answer 1

Use an object to map the option values to the values you want to put in vki . 使用对象将选项值映射到要放入vki的值。

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

But I wonder why you don't just put these values in the <option> directly, eg 但我想知道为什么您不直接将这些值放在<option> ，例如

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

Then you could do: 然后，您可以执行以下操作：

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

（Javascript）如何根据下拉列表中的所选选项更改变量值？

问题描述

1 个解决方案

解决方案1
3 已采纳 2015-08-21 23:56:09

（Javascript）如何根据下拉列表中的所选选项更改变量值？

问题描述

1 个解决方案

解决方案1 3 已采纳 2015-08-21 23:56:09

解决方案1
3 已采纳 2015-08-21 23:56:09