[英]multiselect checkbox dropdown
我正在使用多选复选框下拉列表。
请看例子jsfiddle
$(function () { $('#lstStates').multiselect({ }); });
一旦你选择了状态,它就显示TEXT值并用逗号连接:新泽西州,纽约州,俄亥俄州
但我希望选择的ITEM的价值如下:NJ,NY,OH
您可以使用buttonText
选项。
$('#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(', ') + '';
}
}
});
使用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/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.