select2 个带图标的占位符 select 个

Question

我有这个用于带有图标（字体很棒）的占位符的代码，效果很好：

var placeholder = "<span class='fas-icon'>&#xf45f</span> Select...";
    $("#mysel").select2({
        theme: 'bootstrap4',
        dataAdapter: CustomData,
        placeholder: placeholder,
        width: null,
        escapeMarkup: function(m) { 
           return m; 
        }
    });

但是当在处添加属性 "multiple" 时，我只看到占位符图标 () 作为文本字段。

我该如何解决这个问题？谢谢

Answer 1

不确定要在何处添加属性 'multiple'，如果您提供代码的任何工作片段，那将非常有帮助。无论如何，希望下面的 link 对您有所帮助。这是带有多个选项的 select2 的工作示例

HTML:
<select multiple id="e1" style="width:300px">
        <option value="AL">Alabama</option>
        <option value="Am">Amalapuram</option>
        <option value="An">Anakapalli</option>
        <option value="Ak">Akkayapalem</option>
        <option value="WY">Wyoming</option>
    </select>
<input type="checkbox" id="checkbox" >Select All

<input type="button" id="button" value="check Selected">

Js:
$("#e1").select2();

这是工作 fiddle:

http://jsfiddle.net/pgurav/ywt4hn80/

select2 个带图标的占位符 select 个

select2 Placeholder with icon in select multiple

css

jquery

jquery-select2