javascript - 修改Select2搜索框

Question

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

有正确的方法吗？

Answer 1

占位符:从示例来看:

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

自定义图标:

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

http://www.w3schools.com/jsref/met_node_appendchild.asp