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

标签 javascript jquery drop-down-menu html-select

我这里有一个下拉列表,我已经声明了一个变量 (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,我该怎么办?

谢谢!

最佳答案

使用对象将选项值映射到您要放入的值 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) 如何根据下拉列表中的选定选项更改变量值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32150852/

相关文章:

javascript - 使用 touchmove/mousemove 时,position().left 不准确

android - 必须为微调器下拉项更改什么样式属性?

css - 下拉菜单隐藏在 IE 中的其他元素后面

javascript - 当选中复选框时,禁用其他相同值的复选框

javascript - 使用 ES6 导入时“未定义 jQuery”

javascript - Material ui - 无法使用 makeStyles 覆盖日期选择器样式

javascript - 使用自定义 jquery 下拉菜单填充输入

jquery - 使用 Jquery 和 CSS 将图像旋转到鼠标

html - 我的下拉菜单有什么问题?

javascript - IE7 + JavaScript appendChild = 滚动条错误