多选复选框下拉列表

我正在使用多选复选框下拉列表。

请看例子jsfiddle

$(function () { $('#lstStates').multiselect({ }); }); 

一旦你选择了状态，它就会显示TEXT值并用逗号连接：新泽西州，纽约州，俄亥俄州

但我想要选择的ITEM的价值如下：NJ，NY，OH

Answer 1

您可以使用buttonText选项。

http://jsfiddle.net/ejqngpn5/

 $('#lstStates').multiselect({ buttonText: function(options, select) { console.log(select[0].length); if (options.length === 0) { return 'None selected'; } if (options.length === select[0].length) { return 'All selected ('+select[0].length+')'; } else if (options.length >= 4) { return options.length + ' selected'; } else { var labels = []; console.log(options); options.each(function() { labels.push($(this).val()); }); return labels.join(', ') + ''; } } }); 

Answer 2

使用multiSelect插件的buttonText选项。 参数选项为您提供所选的所有选项。 然后根据需要格式化buttonText值。

脚本

 $(function () { $('#lstStates').multiselect({ buttonText: function(options){ if (options.length === 0) { return 'No option selected ...'; } var labels = []; options.each(function() { if ($(this).attr('value') !== undefined) { labels.push($(this).attr('value')); } }); return labels.join(', '); } }); }); 

看看小提琴： http ： //jsfiddle.net/74b5pkpv/