Jquery - 使用[aehlke] multitags插件删除标签并动态添加标签

时间:2014-04-20 09:40:51

标签: javascript jquery html css

我正在使用tagit插件(https://github.com/aehlke/tag-it“Tagit Plugin aehlke”)和自动完成功能。我必须根据使用自动完成功能所做的选择来更改标签。

它适用于第一个选择,但不适用于第二个选择。

我删除了现有的标签 - 在tagit插件中使用'removeAll'并且做了tagit() - 不起作用?

这是我的代码:

<script>

    $(document).ready(function()  {
        var allKeyWordsString=" ";
            $.ajax({
                url : some url,
                type : 'GET',
                //data : "query="+$("#query").val(),
                async : false,
                cache : false,
                contentType : "application/x-www-form-urlencoded",
                processData : false,
                success : function(returndata) {

                    allKeyWordsString = returndata.success;
                    alert("keywords are "+ allKeyWordsString);
                }
            });
var sampleTags = allKeyWordsString.split(',');   

      $("#keyWordForm").autocomplete({
      source: sampleTags,
      minLength : 3,

      select: function(event,ui){
        var selectedKeyWord = ui.item.value;


        var services = " ";
            $.ajax({
                url : 'some url',
                type : 'GET',
                data : "query="+selectedKeyWord+" services",
                async : false,
                cache : false,
                contentType : "application/x-www-form-urlencoded",
                processData : false,
                success : function(returndata) {
                    services = returndata.success;
                    alert(" ajax call response is "+services);
                }
            });
            if ($('#servicesForm').val().length != 0){
            $('#servicesForm').tagit('removeAll');
            }
            document.getElementById("servicesForm").value=services;         

            $('#servicesForm').tagit();
      }
    });     

return false;
        });
</script>

请帮忙

1 个答案:

答案 0 :(得分:2)

要添加标记,您可以使用方法createTag:

$("#myTags").tagit("createTag", "brand-new-tag");

同样,方法removeTagByLabel用于删除标记:

$("#myTags").tagit("removeTagByLabel", "my-tag");

您可以在文档中找到上述方法:https://github.com/aehlke/tag-it/blob/master/README.markdown