有效地获取下拉列表中的选定选项（XHTML Select 元素）

背景

使用 XHTML Select 元素的下拉列表中有大量选项（数十个）。

我需要使用 JavaScript 检索所选选项。

Problem

目前我正在使用 jQuery:selectedCSS 选择器并且它按预期工作，但这种方法效率不高，因为它需要一段时间才能找到所选选项 - 显然，这取决于客户端计算机的 CPU 能力，但在具有 4GB RAM 的不错的 Intel Core 2 中，有一个过度的性能惩罚。

Issue

无论是使用 jQuery 还是纯 JavaScript 和 DOM，我都需要以有效的方式获取此 XHTML Select 元素的选定选项。

先感谢您。

应该很简单：

// assuming `select` refers to the select DOM element
var selectedElement = select.options[select.selectedIndex];

See HTMLSelectElement [MDN] https://developer.mozilla.org/en/DOM/HTMLSelectElement.

Update:

在支持以下方法的较新浏览器中（它们是HTML5），您还可以使用：

var selectedElement = select.item(select.selectedIndex);
// or
var selectedElement = select[select.selectedIndex];
// or
var selectedElement = select.selectedOptions[0];