使用jQuery：

$('select').val();

只需执行：document.getElementById（'dselect'）.options.selectedIndex

然后，您将获得从0开始的select索引值。

如果您遇到过纯为Internet Explorer编写的代码，您可能会看到：

var e = document.getElementById("ddlViewBy");
var strUser = e.options(e.selectedIndex).value;

在Firefox等中运行上述命令会导致“不是函数”错误，因为Internet Explorer允许您使用（）而不是[]：

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].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”>单一选项</选择>

是的，片段奏效了。

只需使用

$（'#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></选择>