如何使用JavaScript从下拉列表中获取所选值？
<表单><select id=“ddlViewBy”><option value=“1”>test1</option><option value=“2”selected=“selected”>test2</option><option value=“3”>test3</option></选择></form>
当前回答
在onchange函数中有一个简单的方法：
event.target.options[event.targets.selectedIndex].dataset-name
其他回答
onChange回调中的event.target.value为我提供了诀窍。
var selectedValue = document.getElementById("ddlViewBy").value;
使用jQuery：
$('select').val();
2015年，在Firefox中，以下功能同样有效。
e.options.selected索引
按照前面的回答，这是我作为一个单线图的方式。这用于获取所选选项的实际文本。已经有一些很好的例子可以获取索引编号。（对于文本，我只是想展示一下）
let selText = document.getElementById('elementId').options[document.getElementById('elementId').selectedIndex].text
在一些罕见的情况下，您可能需要使用括号，但这非常罕见。
let selText = (document.getElementById('elementId')).options[(document.getElementById('elementId')).selectedIndex].text;
我怀疑这个过程比双线版本更快。我只是想尽可能地整合我的代码。
不幸的是，这仍然会获取两次元素，这并不理想。一个只抓取一次元素的方法会更有用，但我还没有弄清楚，关于用一行代码来实现这一点。
