修改Select2搜索框

Modify Select2 search box

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

有正确的方法吗?

占位符: 来自示例:

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

自定义图标:

您可以使用 JS 附加它。只需创建一个 DOM 元素,将其附加到您想要的位置并使用 CSS 设置样式。当然你也可以根据需要添加它的附加功能。

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