使用jQuery从下拉列表（选择框）中获取所选文本

如何从jQuery的下拉列表中获取所选文本（而不是所选值）？

当前回答

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

其他回答

对于多选：

$("#yourdropdownid :selected").map(function(i, v) { return $.trim($(v).text()); }

Try:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

或者要获取选项的文本，请使用text（）：

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

更多信息：

http://api.jquery.com/val/http://api.jquery.com/text/

如果要将结果作为列表，请使用：

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

这对我有用

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

如果元素是动态创建的

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

这对我来说很有用：

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

我正在使用jQuery 1.10.2

推荐文章