Javascript 选择2占位符问题

我有一个Select2 Multiselect 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%'
        });

---

只需添加attr占位符

$("#advanced-search-status").attr("placeholder", "Select Status");

或

---

只需添加attr占位符

$("#advanced-search-status").attr("placeholder", "Select Status");

或

---

刚才发现什么是错误的，最初宽度设置为0，这隐藏了占位符

只是使用这个jquery代码进行了操作

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

现在它起作用了

---

谢谢大家。

刚刚发现问题所在，最初宽度设置为0，隐藏了占位符

只是使用这个jquery代码进行了操作

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

现在它起作用了

谢谢大家。

试试这个

.select2-container .select2-search--inline:first-child {
    float: none;
}
.select2-container .select2-search--inline:first-child .select2-search__field{
    width: 100% !important;
}

试试这个

.select2-container .select2-search--inline:first-child {
    float: none;
}
.select2-container .select2-search--inline:first-child .select2-search__field{
    width: 100% !important;
}

---

不相关，但使用

ListBoxFor（）

并删除

new{multiple=“multiple”}

-参考@StephenMuecke，我试过了，问题仍然存在：（顺便说一句，很好，我没有说不相关：）-这只是为了解决代码不相关的另一个问题，但使用

ListBoxFor（）

并删除

new{multiple=“multiple”}

-参考@StephenMuecke，我试过了，但问题仍然存在：（顺便说一句，好信息，我没有说不相关：）-只是用你的代码解决了另一个问题谢谢@Parth的快速响应，但我已经试过了。仍然有issueThanks@Parth用于快速响应，但我已经试过了。还有问题吗