(Javascript)如何根据下拉列表中选择的选项更改变量值
(Javascript) How to changed a variable value based on selected option in a dropdown list?
这里有一个下拉列表我声明了一个变量(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);
相关文章:
- CKeditor:更改对话框中的默认选择选项
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- AngularJs列表ng单击以选择选项转换
- 使用基于文本的 Jquery 选择选项
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 选择选项时如何显示警报
- 使用php动态更改选择选项
- 选择“选择选项”时显示文本.怎么做
- LEAFLET地图和带有选择选项的标记-ANGULARjs
- 使用js将动态内容添加到选择选项列表中
- 用于使用javascript循环选择选项
- AngularJS-选择选项并在函数中使用它
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 如何使用jQuery隐藏与选择选项相关的选择选项列表
- 选择选项是添加或删除事件
- 使用jQuery向“选择选项”添加默认属性
- 构建HTML选择字段并使用JavaScript数组选择选项
- 带有动态选择选项的Firefox html5验证异常
- 只有当Angular从资源对象检索数据时,才选择选项元素