修改Select2搜索框
Modify Select2 search box
我正在使用 Select2 控件的 ajax 功能异步加载选项。但是,我想将搜索框的默认模板更改为在右侧有一个占位符和一个图标。
有正确的方法吗?
占位符:
来自示例:
$(".js-example-placeholder-single").select2({
placeholder: "Select a state",
allowClear: true
});
自定义图标:
您可以使用 JS 附加它。只需创建一个 DOM 元素,将其附加到您想要的位置并使用 CSS 设置样式。当然你也可以根据需要添加它的附加功能。
我正在使用 Select2 控件的 ajax 功能异步加载选项。但是,我想将搜索框的默认模板更改为在右侧有一个占位符和一个图标。
有正确的方法吗?
占位符: 来自示例:
$(".js-example-placeholder-single").select2({
placeholder: "Select a state",
allowClear: true
});
自定义图标:
您可以使用 JS 附加它。只需创建一个 DOM 元素,将其附加到您想要的位置并使用 CSS 设置样式。当然你也可以根据需要添加它的附加功能。