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'

此外，如果HTML中未设置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();

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

2 个答案: