javascript - jquery select2 标签获取默认值

Question

如何从默认值中获取值，这意味着我只想让用户自定义插入新值。

例如，现在我的默认值为“红色”、“绿色”、“蓝色”。如果用户输入“黄色”、“黑色”。我只想通知新标签，这样我就可以存储在数据库中，以便为下一个用户预填充下一轮。

我的select2版本是3.4.2

HTML:

<input id="tags" class="text-input form-control"  type="text" name="tags" size="24"  placeholder="tags" >

JS:(在文档中)

$(document).ready(function () {
    $("#tags").select2({
    tags: ["red", "green", "blue"],
    maximumInputLength: 10
    });
});

我正在使用旧版本的 JQuery 和旧版本的 select2 fiddle 链接: http://jsfiddle.net/jb4b2cnu/

如何创建这个？

Answer 1

如果我正确理解您的问题，即添加新标签(如果不存在)并通知数据库，那么您可以在创建时设置一个变量newTag 通过选项 createTag 然后利用 select2.select 事件发送或通知你的 db 关于新添加的 标签。例如:

$("#tags").select2({
    tags: ["red", "green", "blue"],
    maximumInputLength: 10,
    createTag: function (tag) {
        return {
            id: tag.term,
            text: tag.term,
            isNew : true
        };
    }
}).on("select2:select", function(e) {
    if(e.params.data.isNew){
        alert('make db call here');            
        $(this).find('[value="'+e.params.data.id+'"]').replaceWith('<option selected value="'+e.params.data.id+'">'+e.params.data.text+'</option>');
    }
});

sample DEMO