jQuery Chosen - 获取（多个）选定的标签（不是值）

Posted 2023-05-07

【中文标题】jQuery Chosen - 获取（多个）选定的标签（不是值）

【英文标题】：jQuery Chosen - get (multiple) selected labels (not the value)

【发布时间】：2013-10-28 05:59:48

【问题描述】：

如何从Chosen select 中获取selected 选项的text？ 所以不仅仅是.val()，还有label/text选项

【问题讨论】：

您可以简单地使用它来获取标签。 $('.result-selected').html()

【参考方案1】：

您可以简单地使用它来获取标签。

$('.result-selected').html() 

或

$('.options option:selected').html() 

【讨论】：

嗨，我使用多选。我真正想要的是获取所选选项（多个）的文本和值的数组

【参考方案2】：

使用： $("#list option[value='"+id+"']").text(); 检索selected值的label

【讨论】：

您应该重新表述您的问题以指定多个选择，然后接受这个答案——效果很好；谢谢！

改写后的问题听起来最好是什么？因为你的答案不会导致数组对吗？

【参考方案3】：

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

上面的 jQuery 语句应该这样做。

【讨论】：

这应该可以让您大致了解如何使用...jsfiddle.net/aaadesh/LCdXe/3

【参考方案4】：

//下面代码返回下拉列表名称n

$('#availableRevisionBatch option:selected').text() 

//下拉菜单的下面代码返回值n

$('#availableRevisionBatch option:selected').val() 

【参考方案5】：

对我有用的唯一方法是做这样的事情：

var options = $("#ddl option:selected");

var values = $.map(options, function (option) 
    return option.text;
);

其中 values 是一个数组。

希望对你有帮助...

【参考方案6】：

您可以检查此项以进行单选。

<select class="chzn-select" id="CHSNID" onchange="alert($('#CHSNID_chzn a span').text())">

或者

$(function()
     $('#CHSNID').change(function()
     var text = $('#CHSNID_chzn a span').text();
     console.log(text);
   ); 
);

【参考方案7】：

获取多选文本值：

<select id="sTags" class="chosen" multiple />

jquery：

    $.map($("#sTags_chosen").find(".search-choice span"), function (option) 
        return $(option).text()
    );

【参考方案8】：

以上答案都不适合我，所以经过大量搜索后终于得到了检索所选元素的“标签”值的答案

$("#your_select_id option:selected").attr('label');

【讨论】：

可能是因为选择了较新版本的 Chosen？

$("#denominator-bnf option:selected").text(); 为我使用了最新版本的 Chosen。

【参考方案9】：

下面将获取标签，这里是一个 JSFiddle，展示了如何使用最新选择的 jquery 插件版本 1.4.2 获取所选下拉列表的值或标签字段。 https://jsfiddle.net/hayoeu/4usazfdm/2/

$(".chzn-select option:selected").text();