使用 Jquery 获取 Select2 自定义标签的值

Question

使用 Select2，我有一个选择框，我希望用户能够输入他们自己的自定义标签（就像 Whosebug 的问题标签系统一样）。这是我目前正在使用的东西：

Javascript:

$(".custom").select2({tags: true, tokenSeparators: [',', ' ']})
var $customSelect = $(".custom");
$customSelect.on("Select2:select", function(e) {
    console.log("Custom Selection: " + e.params.data);
});

HTML:

<select class="selectBox custom" multiple="multiple"></select>

HTML 中的 selectBox 没有选项，因为我希望用户通过输入标签来自己定义它们。 javascript 适用于我的非自定义选择框，但似乎无法为我的自定义选择框获取任何数据。

Answer 1

这里的问题是您捕获了错误的事件。

Select2 使用小写名称触发所有事件，因此您应该捕获 select2:select， 而不是 Select2:select.

使用 Jquery 获取 Select2 自定义标签的值

Get value of Select2 custom tag using Jquery

javascript

jquery

jquery-select2