选择2占位符问题

Select2 Placeholder Issue(选择2占位符问题)

本文介绍了选择2占位符问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个Select2多选html元素。渲染时没有显示占位符,但如果我选择并删除该项目,则会显示占位符。我不知道该怎么做。请提供建议。

初始

选择时

删除项目后

编码:

@Html.DropDownListFor(m => m.Vendor, new SelectList(Model.Status), "Search Status", new { @id = "advanced-search-lsc-status", @class = "form-control", @multiple = "multiple", data_placeholder = "Select Status" })


$('#advanced-search-status').select2({
            minimumResultsForSearch: -1,
            placeholder: function(){
                $(this).data('placeholder');
            },
            width: '100%'
        });

推荐答案

刚刚发现问题所在,最初宽度设置为0,这会隐藏占位符。

刚刚使用此jQuery代码进行了操作。

.select2-container--default .select2-search--inline .select2-search__field{
    width:initial!important;
}

现在可以使用

谢谢大家。

这篇关于选择2占位符问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:选择2占位符问题

基础教程推荐