修改Select2搜索框

Question

我正在使用Select2控件的ajax功能来异步加载选项。 但是，我想将搜索框的默认模板更改为在右侧有一个占位符和一个图标。

有适当的方法吗？

Answer 1

占位符：从示例：

$(".js-example-placeholder-single").select2({
  placeholder: "Select a state",
  allowClear: true
});

自定义图标：

您可以使用JS附加它。 只需创建一个DOM元素，将其添加到所需的位置并使用CSS对其进行样式设置。 当然，如果需要，您还可以添加其附加功能。