获取select标签jQuery的值

Question

我有像

这样的代码

<select id="sel1">
    <option label="l1" value="1">Cool</option>
    <option label="l2" value="2">Hot</option>
</select>

现在我希望在更改jQuery中所选项的值时，将值设置为Cool或Hot。 我正在querySource = $("#querySource").val();进行尝试，但显示为1或2。

怎么做？

Answer 1

请使用这个：

如果你想获得文字值：比如酷和热那么这个

$('#sel1 option:selected').text();

如果你想获得价值：如1,2那么

$('#sel1 option:selected').val();

Answer 2

通过.val()，您将收到value属性的值。您可以通过.text()获取文字。

在您选择的选项上使用此方法！见this answer!

Answer 3

使用option:selected

querySource = $("#querySource option:selected").text();

您也可以使用以下内容

$("#querySource option").is("selected").text()
$("#querySource").children("option").is("selected").text()

Answer 4

试试这个

$("#sel1 option:selected").text()

Answer 5

你可以用这个

$("#querySource option:selected").text();