使用jQuery獲取所選下拉菜單選項的文本值

Question

如何使用jQuery在選定的下拉菜單選項中獲取文本？

我努力了：

var title = $("#selectattribute option:selected").text();

但是我不認為這可行。

Answer 1

您所做的應該起作用：

$("select option:selected").text()

工作實例

由於它對您不起作用，因此錯誤必須在其他地方。 也許#selectattribute不正確。

為了闡明其他一些答案，選項的value與其內的text不同。

例如：

<select>
    <option value="red" selected="selected">Ferrari</option>
</select>

// For the above HTML
$("select option:selected").text() === 'Ferrari'
$("select option:selected").val()  === 'red'

另外，如果在HTML中未設置任何selected屬性，則將selected第一個option ：

<select>
    <option value="black">Porsche</option>
    <option value="red"  >Ferrari</option>
</select>

// For the above HTML
$("select option:selected").text() === 'Porsche'

Answer 2

您可以使用以下簡單方法獲得選擇框的值：

var title = $("#selectattribute").val();

要獲取選項的文本，而不是value屬性：

var title = $("#selectattribute :selected").text();