tageditor自动完成删除并添加项目到自动完成列表

时间:2020-04-19 21:57:19

标签: javascript jquery

我使用具有自动完成功能的jquery tagEditor插件。 我的代码:

        var pLangs = ['ActionScript', 'AppleScript', 'Asp', 'BASIC', 'C', 'C++', 'CSS', 'Clojure', 'COBOL', 'ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'HTML', 'Java', 'JavaScript', 'Lisp', 'Perl', 'PHP', 'Python', 'Ruby', 'Scala', 'Scheme'];
        $('#demo2').tagEditor({
            autocomplete: { 
                minLength: 0, 
                delay: 0, 
                position: { collision: 'flip' }, 
                source: pLangs,//['ActionScript', 'AppleScript', 'Asp', 'BASIC', 'C', 'C++', 'CSS', 'Clojure', 'COBOL', 'ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'HTML', 'Java', 'JavaScript', 'Lisp', 'Perl', 'PHP', 'Python', 'Ruby', 'Scala', 'Scheme'], 
                create: function (event, ui) {
                    // open dialog on click
                    $(this).autocomplete("search", "");
                    //alert('cau');  
                }
            },
           beforeTagDelete: function(field, editor, tags, val) {
                v.splice($.inArray(val, pLangs), 1);
                alert(cCities);
                alert(val);
            },
            beforeTagSave: function(field, editor, tags, tag, val) {
                alert(val);
            },
            removeDuplicates: true,
            forceLowercase: false,
            delimiter: ", ",
            placeholder: 'Programming languages heeere...'

        });

我试图在选择此项目时隐藏自动完成项目-我的想法是将其从pLang变量中删除,因此下一个自动完成项目不会在列表中显示。相反,如果我在输入框中单击该项目的(x)(以将其从输入中删除),则应将该项目添加回下一个自动完成列表中的pLang中以显示。

我应该如何编辑我的代码?

0 个答案:

没有答案