多选下拉列表复选框 [英] multiselect checkbox dropdown

查看:143
本文介绍了多选下拉列表复选框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

I am using multiselect checkbox dropdown.

请看看例子的jsfiddle

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

一旦您选择它指出然后显示文本值和CONCAT用逗号,如:新泽西州,纽约州,俄亥俄州

Once you select states it show then TEXT value and concat with comma like: New Jersey, New York, Ohio

不过,我想所选项目价值的,如:新泽西州,纽约州,俄亥俄州

But I want VALUE of that selected ITEM like: NJ, NY, OH

推荐答案

您可以使用 buttonText 多选的选项。

You can use buttonText option of multiselect.

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(', ') + '';
        }
    }

});

这篇关于多选下拉列表复选框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆