在前端开发中，我们通常需要获取用户在一个HTML表单中选择的选项文本。而在SELECT元素中检索所选选项的文本就是一种常见的需求。本文将介绍如何通过jQuery和纯JavaScript分别实现这个功能。
通过jQuery实现
jQuery是目前广泛使用的JavaScript库之一，其提供了许多简单易用的方法来操作HTML文档。下面是使用jQuery获取SELECT元素中所选选项文本的示例代码：
var selectedText = $('select option:selected').text();上述代码中，$('select option:selected')表示选择所有被选择的option元素，.text()方法则返回它们的文本内容。这样，我们就可以很方便地获取到SELECT元素中所选选项的文本了。
通过纯JavaScript实现
当然，如果你不想依赖于第三方库，也可以使用纯JavaScript来实现这个功能。以下是使用纯JavaScript获取SELECT元素中所选选项文本的示例代码：
var selectEl = document.getElementsByTagName('select')[0];
var selectedOption = selectEl.options[selectEl.selectedIndex];
var selectedText = selectedOption.text;上述代码中，我们首先通过getElementsByTagName方法获取到页面上的第一个SELECT元素，然后通过selectedIndex属性获取到当前被选择的选项的索引，再通过options属性获取到所有的选项元素，最后获取所选选项的文本内容。这种方法虽然比使用jQuery稍微麻烦一些，但是可以减少外部依赖，提高页面加载速度。
总结
无论是使用jQuery还是纯JavaScript，都可以很方便地获取SELECT元素中所选选项的文本。在实际开发中，我们可以根据具体需求选择合适的方法来实现该功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/10037
