选择2删除带退格的标签

时间:2014-08-22 12:23:08

标签: javascript jquery jquery-select2 jquery-tokeninput

我找不到任何关于删除带有删除或退格键的标记的文档,就像使用jquery tokeninput一样:http://loopj.com/jquery-tokeninput/

你能用select2吗?

1 个答案:

答案 0 :(得分:0)

要获得完整的答案,您需要提供绑定select2插件的javascript。

但是,只要您使用tags填充下拉列表或者将选项multiple设置为true,Select2就允许您使用退格键删除选项(如您提供的演示)像这样:

Tags<br />
<input type="text" name="tags" id="tags" style="width: 400px;" />
<br /><br />
Multiple<br />
<input type="text" name="multiple" id="multiple" style="width: 400px;" />

<script>
    $(function(){
        $('#tags').select2({
            tags:["red", "green", "blue"]
        });

        $('#multiple').select2({
            data:[
                {id: "red", text: "red"},
                {id: "green", text: "green"},
                {id: "blue", text: "blue"},
                {id: "black", text: "black"}
            ],
            multiple: true
        });
    });
</script>

这是jsfiddle demo