【问题标题】:Select2 delete tag with backspaceSelect2 用退格键删除标签
【发布时间】:2014-08-22 12:23:08
【问题描述】:

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

你可以用 select2 做到这一点吗?

【问题讨论】:

    标签: javascript jquery jquery-select2 jquery-tokeninput


    【解决方案1】:

    要获得完整答案,您需要提供绑定 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

    【讨论】:

    • 实际上,即使在您的 jsfiddle 演示中,我也无法删除带有退格键的标签。
    • 这很尴尬。如果您选择,例如“红色”,然后按两次退格键,标签不会被删除?
    • 刚刚在firefox中试了一下,效果很好。为什么它在 chrome 中不起作用?
    • 我已经使用 chrome 进行了测试,并按预期工作。也许你有一些导致问题的扩展?
    • 是的!谢谢你。刚刚在朋友的电脑上安装了全新的 chrome 进行了测试,效果很好。
    猜你喜欢
    • 2017-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-20
    相关资源
    最近更新 更多