时间戳

首页 > 解决方案 > 选择多个带有图标的select2占位符

jquery - 选择多个带有图标的select2占位符

问题描述

我有一个带有图标（字体真棒）的占位符的代码可以正常工作：

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”时，我只看到占位符图标（）作为文本字段。

我怎么解决这个问题？谢谢

标签： jquerycssjquery-select2

解决方案

不确定您在哪里添加属性“多个”，如果您提供代码的任何工作片段，那将非常有帮助。无论如何，希望下面的链接对您有所帮助。这是带有多个选项的 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();

这是工作小提琴：

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

推荐阅读