只需使用

$（'#SelectBoxId选项：selected'）.text（）；获取列出的文本$（'#SelectBoxId'）.val（）；用于获取所选索引值

Try

ddlViewBy.value                      // value

ddlViewBy.selectedOptions[0].text    // label

console.log（ddlViewBy.value）；console.log（ddlViewBy.selectedOptions[0].text）；<select id=“ddlViewBy”><option value=“1”>快乐</option><option value=“2”>树</option><option value=“3”selected=“selected”>朋友</option></选择>

另一种解决方案是：

document.getElementById('elementId').selectedOptions[0].value

制作一个包含多个选项的下拉菜单（根据需要选择多个！）

<select>
  <option value="giveItAName">Give it a name
  <option value="bananaShark">Ridiculous animal
  <ooption value="Unknown">Give more options!
</select>

我把它弄得有点滑稽。

下面是代码段：

<选择><option value=“RidicousObject”>香蕉鲨<option value=“SuperDuperCoding”>选择标记和选项标记！<option value=“未知”>添加更多标签以添加更多选项！</选择><h1>仅1个选项（无用）</h1><选择><option value=“Single”>单一选项</选择>

是的，片段奏效了。

您应该使用querySelector来实现这一点。这也规范了从表单元素获取值的方式。

var dropDownValue=document.querySelector（'#ddlViewBy'）.value；

小提琴：https://jsfiddle.net/3t80pubr/

这里的大多数答案通过纯文本JavaScript选择器获取“this”select菜单的值。

例如：

document.getElementById("ddlViewBy").value;

这不是干式方法。

DRY（三行代码）：

function handleChange(e) {
  let innerText = e.target[e.target.options.selectedIndex].innerText;
  let value = e.target.value;
  /* Do something with these values */
}

获取第一个选择选项：

console.log(e.target[0]); /* Output: <option value="value_hello">Hello innerText</option>*/

考虑到这个想法，我们动态返回一个“this”选择选项项（通过selectedIndex）：

e.target[e.target.options.selectedIndex].innerText;

Demo

let log=document.getElementById（'log'）；函数句柄更改（e）{let innerText=e.target[e.target.options.selectedIndex].innerText；let value=e.target.value；log.innerHTML=`<table><tr><th>值</th><th>innerText</th></tr><tr><td>$｛value｝</td><td>$｛innerText｝</td></tr></table>`；}<link rel=“stylesheet”href=“https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.1/milligram.css"><select id=“greet”onchange=“handleChange（event）”><option value=“value_hello”>hello innerText</option><option value=“value_goodbye”>再见innerText</option><option value=“value_seeYou”>再见。。。innerText</option></选择><select id=“other_select_menu”onchange=“handleChange（event）”><option value=“value_paris”>paris innerText</option><option value=“value_ny”>纽约innerText</option></选择><div id=“log”></div>