javascript - Select2 Jquery在选择一个项目后删除搜索词

Question

我通过参考下面的代码笔链接，使用 Jquery Select2 插件进行带有复选框的多选下拉菜单。

Ref:Please find this [codepen link][1]

https://codepen.io/faur/pen/vWVPGE

当我将选项列表搜索为“选择”并从元素中选择元素时。选择后，我的搜索词“选择”仍然显示在输入框中。我想在选择元素后清除搜索到的文本。我怎样才能做到这一点？

标签： javascriptjqueryjquery-select2

Answer 1

我与 Select2 Version 4.1.0-beta.1 有完全相同的问题，我搜索了很长时间，然后我找到了这个解决方案，它使用通用选择器进行选择，并且在选择时它清除了 search__field 的值. 对我来说，它工作得很好。希望它也对你有用：

    $("select").on('select2:select', function (e) {
     $('.select2-search__field').val('');
    });