jquery 标记Select2中的分隔符

xytpbqjk 于 2022-11-22 发布在 jQuery

关注(0)|答案(3)|浏览(229)

提前感谢两件事：
1-如何在 Select2 中将 " Enter " 和 " Tab " 键作为令牌？
这是我的一些代码。

$("#ListaValores").val($("#ListaValores").val().replace(/\;/g,','))
        $("#ListaValores").select2({
            tags: true,
            tokenSeparators: [';'],
            maximumResultsForSearch: -1,
            dropdownCss: {display:'none'},
        });

中的每一个
第一行只是转换输入，以便 Select2 可以使用数据。
原始输入可以是这样的：

$("#ListaValores").val("value1;value2;value3")

格式
这些值存储在一个数据库中，并加载到一个文本框中，然后将该文本框转换为一个 select2 。
一切都按预期工作，但我想转换此部分：

tokenSeparators: [';']

格式
因此它也接受 " Enter " 和 " Tab " 键作为标记。
有人能帮忙吗？我试过 ASCII 码，但没有运气。
2-另外，是否有任何标记来禁用微调图像？（因为没有数据被加载，我真的不需要一个加载图像出现）
更新 2 ：
我在这方面取得了一些成功：

$("#s2id_ListaValores").on('keyup', function(e) {
            if(e.keyCode === 13){
                $("#ListaValores").val($("#ListaValores").val() + ';' + $("#s2id_autogen1").val())
            }
        });

格式
但是 $（ " #s2id_autogen1 " ） . val （）不是静态的，总是在变化，所以这种方法只工作一次 ... 另外，我仍然需要更新显示的结果。我可以在 select2 div 上使用 " refresh " 来更新结果，但是 div 会改变它的 id ，并且 $（ " #s2id_ListaValores " ） . on （'keyup ' ， function （ e ）事件将不起作用。

jquery

来源：https://stackoverflow.com/questions/30535315/tokenseparators-in-select2

3条答案

按热度按时间

zpjtge221#

我用递归函数解决了这个问题：

//init select2 field:
initMultiSelect(tSel);

function initMultiSelect(tSel) {
        tSel.select2('destroy');
        tSel.select2({
            tags: true,
            tokenSeparators: [',', ' ', ';'],
            dropdownCss: {display:'none'}
        });

        //manual add new values by Enter
        (function (t) {
            $('#s2id_' + t.attr('id')).on('keyup', function(e) {
                if(e.keyCode === 13){
                    //add new value
                    t.val(t.val() + ',' + $('#s2id_' + t.attr('id') + ' input ').val());

                    //refresh select2
                    initMultiSelect(t);

                    //get focus to select2 last position
                    t.select2("close");
                    t.select2("open");
                }
            });
        })(tSel);
    }

赞(0）回复(0）举报 2022-11-22

7rfyedvj2#

目前，在粘贴时，这在当前版本的select 2中是不可能的，因为它使用input type=“text”作为它的输入字段，并且浏览器在粘贴时会剥离换行符。
为了使这个工作，select 2将需要被打补丁，以使用一个文本区域代替。我有一个打开的拉请求来完成这一点，你可以在这里查看：https://github.com/select2/select2/pull/4795如果/当我的pull请求被合并进来时，你应该能够使用指定的字符作为tokenSeparators，但是在这之前，如果你愿意的话，你可以下载我的fork来解决你的问题。

赞(0）回复(0）举报 2022-11-22

9bfwbjaz3#

请尝试使用以下内容作为 " enter " 和 " tab " 键的标记分隔符。

tokenSeparators: [';', '\n', '\t']

中的每一个
" enter " 键通常会触发 Select2 的选择，但换行符（ " enter " 键在另一个程序中 " ）不会。您可以使用 \n 来指示 Select2 这些字符也应被视为分隔符。
Tab 键也会出现同样的情况，通常它应该选择当前突出显示的值，并且在从另一个源加载时使用 \t 作为分隔符。
请记住，只有在粘贴需要标记化的数据时，这种差异才真正重要，因为 Select2 绑定了这两个键，会自动标记化它们。

赞(0）回复(0）举报 2022-11-22

我来回答

jquery 标记Select2中的分隔符

3条答案

相关问题

热门标签

最新问答