如何获取选择 jquery 对象的选定选项的文本值？答案

【问题标题】：How to get the text value of the selected option of a select jquery object?如何获取选择 jquery 对象的选定选项的文本值？
【发布时间】：2013-07-23 02:57:29
【问题描述】：

如果我传递一个我知道是一个选择对象的 jquery 对象，我怎样才能获得所选选项的文本（而不是值）？

我需要这样的东西。

...function ($select){

    var selectedText = $select.selected().text();

}

而且由于 $select 已经是一个 jquery 对象，我不能真正更改对象的选择器以使用 ":selected"。

【问题讨论】：

我相信.text() 应该可以工作。请在 JSFIDDLE 上发布您的代码。
您可以在对象内查询以查找子元素。

标签： javascript jquery jquery-selectors

【解决方案1】：

$select.find(':selected').text();

should 做。

【讨论】：

【解决方案2】：

你可以使用这个：-

Suppose you have a dropdown like this:-

    <select id="dropdown">
        <option value="aa">a</option>
        <option value="bb">b</option>
        <option value="cc">c</option>
    </select>

那么javascript会是这样的：-

   $(document).ready(function() {
        obj = $('#dropdown :selected')
        value = obj.val()
        alert(value) # will alert aa/bb/cc 

        text = obj.text()
        alert(text) # will alert a/b/c
})

【讨论】：