Javascript 在多选下拉列表jquery中显示所有类别

这是我的多选下拉列表代码

<select class="form-control" id="lstFruits" required multiple="multiple" name="catId[]">
    @foreach($catlists as $category)
    <option value="{!! $category->id !!}"    >{!! $category->name !!}</option>
    @endforeach
</select>
<script type="text/javascript">
    $(function () {
        $('#lstFruits').multiselect({
            includeSelectAllOption: true
        });
        $('#btnSelected').click(function () {
            var selected = $("#lstFruits option:selected");
            var message = "";
            selected.each(function () {
                message += $(this).text() + " " + $(this).val() + "\n";
            });
            alert(message);
        });
    });
</script>

@foreach（$catlist作为$category）
{！！$category->name！！}
@endforeach
$（函数（）{
$（'#lstFruits'）。多选({
includeSelectAllOption:true
});
$（“#b选择”）。单击（函数（）{
所选风险值=$（“#选择项：所选”）；
var message=“”；
已选定。每个（函数（）{
message+=$（this.text（）++$（this.val（）++“\n”；
});
警报（信息）；
});
});

问题：

当我选择4个以上的类别时，它会显示4个选定类别，但我想在下拉列表中显示这4个类别

它显示以下内容：

我想要这样的东西，所有类别都应该显示出来

根据，您必须覆盖

按钮文本

属性：

$('#lstFruits').multiselect({
    ...
    buttonText: function(options, select) {
        var labels = [];
        options.each(function() {
            if ($(this).attr('label') !== undefined) {
                labels.push($(this).attr('label'));
            }else {
                labels.push($(this).html());
            }
        });
        return labels.join(', ') + '';
    }
});