如何使用jquery在标签中显示多选下拉列表的选定文本?

Posted

技术标签:

【中文标题】如何使用jquery在标签中显示多选下拉列表的选定文本?【英文标题】:How to display selected text of multiselect dropdown in label using jquery? 【发布时间】:2016-09-13 01:29:58 【问题描述】:

我正在使用Bootstrap Multiselect dropdown。我想在标签中显示选定的文本。如果我取消选择该元素应该从标签中删除。

当我选择这个元素应该显示在标签中,

到目前为止尝试的代码:

$('#AttendeeLists').multiselect(
    enableFiltering: true,
    includeSelectAllOption: true ); 

【问题讨论】:

请提供到目前为止您做了什么。谢谢! $('#AttendeeLists').multiselect( enableFiltering: true, includeSelectAllOption: true ); 【参考方案1】:

我发现适合我的解决方案

$('#multiselect1').multiselect(
    selectAllValue: 'multiselect-all',
    enableCaseInsensitiveFiltering: true,
    enableFiltering: true,
    maxHeight: '300',
    buttonWidth: '235',
    onChange: function(element, checked) 
        var brands = $('#multiselect1 option:selected');
        var selected = [];
        $(brands).each(function(index, brand)
            selected.push([$(this).val()]);
        );

        console.log(selected);
    
); 

【讨论】:

以上是关于如何使用jquery在标签中显示多选下拉列表的选定文本?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用jquery从dot net core mvc中的表中的下拉列表中显示选定的值

尝试更改引导选择多选下拉列表中的选定指示器图标

如何在 Kendo 多选变量中获取选定的文本?

使用jQuery同时设置两个下拉列表的选定值

如何在选定控件上使用 Jquery Multiselect 插件

如何在下拉列表中显示所选项目名称?