修改Select2搜索框

时间:2016-04-25 10:25:20

标签: javascript templates select2

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

有没有正确的方法呢?

enter image description here

1 个答案:

答案 0 :(得分:1)

<强>占位符: 从示例:

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

自定义图标:

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

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