使用jQuery获取所选下拉菜单选项的文本值

Question

如何使用jQuery获取所选下拉菜单选项中的文本？

我曾尝试：

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

但我不;吨认为它的工作原理..

Answer 1

你也应该工作什么：

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

Working example

因为它不是为你工作，错误必须位于其他地方。也许#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' 

此外，如果没有selected属性在HTML设置，第一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();