javascript - 在 JavaScript 中返回 Select 选项值
问题描述
我想将用户在下面的下拉菜单中选择的选择选项返回并输出到变量。
<h3>Cake Size</h3>
<select id="cakeSize">
<option value="6">6" Cake</option>
<option value="8">8" Cake</option>
<option value="10">10" Cake</option>
<option value="12">12" Cake</option>
</select>
<button type="button" id="calc">Calculate</button>
我想6/8/10/12
进入一个变量。
const calc = document.getElementById('calc');
let cakeSize = document.getElementById('cakeSize');
let value = cakeSize.value;
calc.addEventListener('click', function test(){
return alert(value);
});
最初希望使用按钮事件侦听器来触发值的收集。
解决方案
如果要alert
选择的值,请使用alert(cakeSize.value)
. let value = cakeSize.value;
将只有初始select
值。
let cakeSize = document.getElementById('cakeSize');
// let value = cakeSize.value;
calc.addEventListener('click', function test() {
return alert(cakeSize.value);
});
<h3>Cake Size</h3>
<select id="cakeSize">
<option value="6">6" Cake</option>
<option value="8">8" Cake</option>
<option value="10">10" Cake</option>
<option value="12">12" Cake</option>
</select>
<button type="button" id="calc">Calculate</button>
推荐阅读
- c# - 收到错误“值'0'不是有效值”
- jinja2 - Jinja 中的双重嵌套变量
- gdb - 即使值不变,如何让 gdb 在观察点写入时中断
- sql - 如何为以下数据的 hierarchyid 数据类型创建脚本?
- vb.net - Paint 事件:如何在单独的库中绘制图像,然后使用 Graphics 对象进行绘制
- c# - 正确使用依赖注入
- c# - 如何解决错误 CS1525 Invalid expression term '='?
- python - 空图...使用 for 循环创建图
- spring-boot - 如何在 Postman 中设置 CSRF 令牌
- flutter - BlocProvider.of() 使用不包含 Bloc 的上下文调用 - 即使它包含