Select2 удалить тег с возвратом

Я не смог найти никакой документации по удалению тегов с помощью клавиши удаления или возврата, как это можно сделать с помощью jquery tokeninput: http://loopj.com/jquery-tokeninput/

Вы можете сделать это с помощью select2?


person sanny    schedule 22.08.2014    source источник


Ответы (1)


Для полного ответа вам нужно будет предоставить javascript, где вы привязываете плагин select2.

Тем не менее, Select2 позволяет вам удалять параметры с помощью backspace (например, в предоставленной вами демонстрации), если вы используете tags для заполнения раскрывающегося списка или если вы установили для параметра multiple значение true, например:

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.

person Luís Cruz    schedule 22.08.2014
comment
На самом деле я не могу удалить теги с помощью Backspace даже в вашей демонстрации jsfiddle. - person sanny; 22.08.2014
comment
Это неловко. Если вы выберете, например, красный цвет и дважды нажмете клавишу возврата, тег не удаляется? - person Luís Cruz; 22.08.2014
comment
Только что попробовал в фаерфоксе, работает нормально. Любая причина, почему это не работает в хроме? - person sanny; 22.08.2014
comment
Я тестировал с хромом и работает так, как ожидалось. Может быть, у вас есть какое-то расширение, которое вызывает проблему? - person Luís Cruz; 22.08.2014
comment
Да! Спасибо. Только что проверил на новой установке Chrome на компьютере друга, и все работает нормально. - person sanny; 22.08.2014