将删除添加到textarea内的内容，类似于Email Client

Question

我正在使用jquery自动完成功能将值添加到我的文本框中。我想添加功能完全像任何电子邮件服务。您添加一个电子邮件，它变成一个框，您可以从文本框中删除它。或者你可以在这里为你的问题添加标签。如果需要textarea只是试图得到像电子邮件那样的东西无关紧要。

我的自动填充功能只是将值添加到我的文本框中，ID为'#name'

    $("#name").autocomplete({
    minLength: 3,
    source: function (request, response) {
        $.getJSON("/getData", {
            term: extractLast(request.term)
        }, response);
    },
    select: function (event, ui) {
        var terms = split(this.value);
        terms.pop();
        if(ui.item.label == 'Create New') {
            $('.add-user').show();
        }
            terms.push(ui.item.label);
            terms.push("");
            this.value = terms.join(", ");
            //Get the ids associated with the name selected adding to a hidden field called #userId
            var id = split($('#userId').val());
            id.pop();
            id.push(ui.item.id);
            id.push("");
            $('#userId').val(id.join());
            return false;

    },
    focus: function () {
        return false;
    }
});

Answer 1

无需重新发明轮子

在jquery中查找select2库：

https://select2.github.io/examples.html#tags

干杯！ ：）