使用 jQuery 从下拉列表(选择框)中获取选定的文本

如何从 jQuery drop-down list中获取选定的文本(而不是选定的值)?

答案

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

尝试这个:

$("#myselect :selected").text();

对于 ASP.NET 下拉列表,可以使用以下选择器:

$("[id*='MyDropDownId'] :selected")

例如,此处发布的答案,

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

不适用于我,但这确实:

$('#yourdropdownid').find('option:selected').text();

它可能是 jQuery 的旧版本。

如果您已经在变量中提供了下拉列表,那么这对我有效:

$("option:selected", myVar).text()

这个问题的其他答案对我有帮助,但是最终选择的 jQuery 论坛线程$(this +“option:selected”)。attr(“rel”)选项在 IE中最没有用。

更新:修复了上面的链接

这对我有用

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

如果元素是动态创建的

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});
$("option:selected", $("#TipoRecorde")).text()

$("#DropDownID").val()将给出选定的索引值。

这对我有用:

$('#yourdropdownid').find('option:selected').text();

jQuery版本:1.9.1

对于所选项目的文本,请使用:

$('select[name="thegivenname"] option:selected').text();

对于所选项目的值,请使用:

$('select[name="thegivenname"] option:selected').val();

各种方式

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();