var selectedValue = document.getElementById("ddlViewBy").value;

您可以使用querySelector。

E.g.

var myElement = document.getElementById('ddlViewBy');

var myValue = myElement.querySelector('[selected]').value;

给定如下所示的select元素：

<select id="ddlViewBy">
  <option value="1">test1</option>
  <option value="2" selected="selected">test2</option>
  <option value="3">test3</option>
</select>

运行此代码：

var e = document.getElementById("ddlViewBy");
var value = e.value;
var text = e.options[e.selectedIndex].text;

结果如下：

value == 2
text == "test2"

交互示例：

var e=document.getElementById（“ddlViewBy”）；函数onChange（）{var值=e.value；var text=e.options[e.selectedIndex].text；console.log（值，文本）；}e.onchange=onchange；onChange（）；<表单><select id=“ddlViewBy”><option value=“1”>test1</option><option value=“2”selected=“selected”>test2</option><option value=“3”>test3</option></选择></form>

以下是JavaScript代码行：

var x = document.form1.list.value;

假设下拉菜单名为list name=“list”，并包含在name属性name=“form1”的表单中。

按照前面的回答，这是我作为一个单线图的方式。这用于获取所选选项的实际文本。已经有一些很好的例子可以获取索引编号。（对于文本，我只是想展示一下）

let selText = document.getElementById('elementId').options[document.getElementById('elementId').selectedIndex].text

在一些罕见的情况下，您可能需要使用括号，但这非常罕见。

let selText = (document.getElementById('elementId')).options[(document.getElementById('elementId')).selectedIndex].text;

我怀疑这个过程比双线版本更快。我只是想尽可能地整合我的代码。

不幸的是，这仍然会获取两次元素，这并不理想。一个只抓取一次元素的方法会更有用，但我还没有弄清楚，关于用一行代码来实现这一点。

在更现代的浏览器中，querySelector允许我们使用：checked伪类在一条语句中检索所选选项。从所选选项中，我们可以收集所需的任何信息：

const opt=document.querySelector（“#ddlViewBy选项：选中”）；//opt现在是选定的选项，因此console.log（opt.value，'是所选值'）；console.log（opt.text，“是所选选项的文本”）；<select id=“ddlViewBy”><option value=“1”>test1</option><option value=“2”selected=“selected”>test2</option><option value=“3”>test3</option></选择>