javascript - 获取选择类选项的值
问题描述
我正在进行测试/测验,但我无法解决问题。
我喜欢从选项中获取选定的值并将其打印到结果 p。
<div class="add">
<div class="add__container">
<select class="add__type">
<option value="0" id="a01" selected>No</option>
<option value="1" id="a02">Ocassionally</option>
<option value="2" id="a03">Yes</option>
</select>
</div>
</div>
<button class="btn" onclick="myValue()">Results</button>
<p id="result">... </p>
这是我卡住的Javascript代码:
function myValue(){
var e = document.getElementById("s01");
var value = e.options[e.selectedIndex].value;
var text = e.options[e.selectedIndex].text;
document.getElementById('result').innerHTML = e;
};
解决方案
// Unimportant stuff
const $ = document;
$.get = $.getElementById;
$.get('theOptions').addEventListener('change', function(event) {
// Get the value from the select-element
$.get('out').innerHTML = 'You selected ' + event.target.value; // Or $.get('theOptions').value
});
<select id="theOptions">
<option value="o1">Option 1</option>
<option value="o2">Option 2</option>
<option value="o3">Option 3</option>
</select>
<span id="out">Nothing selected</span>
推荐阅读
- jupyter - 创建 30_000 个 Widget 对象的最快方法是什么?
- c++ - 为什么basic_istream_view继承view_interface?
- python - 在 generate_series 中自动增加变量的值
- css - 在页面滚动上具有视差效果的 Lottie 动画
- r - 是否有一个 R 函数来提取重复的数字行?
- python - Pyrogram 在“updatesTooLong”响应后停止处理更新
- flutter - ScrollView RenderFlex 溢出 - Flutter
- java - 在 Spring 中创建字段注入的循环依赖错误
- html - 如何使 NVDA 和 JAWS 始终读取 aria 装饰 div 中的插入
- javascript - 在 node js 中通过 http 下载并保存 Excel 文件