问如何获取最终用户看到的<option>文本

EN

将getElementById的结果保存到像sel这样的变量中，然后执行以下操作：

var text = sel.options[sel.selectedIndex].text;

Select元素具有一个.options属性，它为您提供了其所有嵌套选项元素的类似数组的集合。它们还有一个.selectedIndex属性，它返回当前选定元素的索引。

使用这两个选项，您可以获得当前选定的选项。然后，只需使用.text获取所选option的文本内容。

如果您不需要支持IE6/7，可以使用document.querySelector()来缩短时间。

var text = document.querySelector("#the_select_id option:selected").text;

querySelector()方法返回单个元素，如果没有找到，则返回null。还有一个querySelectorAll()方法，它将返回一个元素集合，用于选择器何时匹配多个元素。

如果父元素将name=“book”作为属性，并且是select元素，则可以使用jQuery：

var bookName = $('select[name="books"] option:selected').text();

如果父元素有一个id=“book”作为属性，并且是一个select元素，那么您可以使用普通的JavaScript (可能会在以下基础上进行改进)来完成这个任务：

var books = document.getElementById('books');
var bookName = books.options[books.selectedIndex].text;