標記它提交的編號沒有標記或標記

Question

使用此插件 https://github.com/aehlke/tag-it 其非常酷的順便。

問題：

 <input type="hidden" name="tags" id="mySingleField" value="Apple, Orange" disabled="true"> 
     Tags:<br> 
     <ul id="mytags"></ul> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#mytags").tagit({ 
      singleField: true, 
      singleFieldNode: $('#mySingleField'), 
      allowSpaces: true, 
      minLength: 2, 
      removeConfirmation: true, 
      tagSource: function (request, response) { 
       //console.log("1"); 
       $.ajax({ 
        url: "../City/GetList", 
        data: { term: request.term }, 
        dataType: "json", 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { 
           label: item.label + " (" + item.id + ")", 
           value: item.value 
          } 
         })); 
        } 
       }); 
      } 
     }); 
    }); 



</script> 

當標籤它選擇它增加值，以CSV格式隱藏字段在值ATTR的值。我想讓它做ID，而不是任何人知道如何？

Answer 1

change the tag-it.js file 
comment from line 264 

         //that.createTag(that._cleanedInput()); 

         // The autocomplete doesn't close automatically when TAB is pressed. 
         // So let's ensure that it closes. 
         //that.tagInput.autocomplete('close'); 

around line 285 

       var autocompleteOptions = { 
        select: function(event, ui) { 
    that.createTag(ui.item);       

Create a new function 
assignedTagsData : function(){ 
     // Only to be used when singleField option is not seletced 
     var tags = []; 

     this.tagList.children('.tagit-choice').each(function() { 
       tags.push($(this).data('tag_item_data')); 
      }); 
     return tags; 

    } 



> that.createTag(ui.item); 



    // Create tag. 
     var tag = $('<li></li>') 
      .data('tag_item_data',item) //add this line 
      .addClass('tagit-choice ui-widget-content ui-state-default ui-corner-all') 
      .addClass(additionalClass) 
      .append(label); 

Answer 2

這裏有幾件事。

$("#mytags").tagit({ 
    ... 
    singleFieldDelimiter: '_', 
    ... 

然後，你可以修改標籤it.js文件上線197說使用ID屬性：您可以通過設置參數這樣說下劃線設置分隔符，而不是一個CSV的任何東西。

變化：

var tags = node.val().split(this.options.singleFieldDelimiter); 

要

var tags = node.attr("id").split(this.options.singleFieldDelimiter); 

所以我們說，你修改的隱藏字段是：

<input type="hidden" name="tags" class="mySingleField" id="Apple_Orange_Banana" value="Apple_Orange" disabled="true"> 

你會修改JavaScript這樣得到期望的輸出：

$(document).ready(function() { 
     $("#mytags").tagit({ 
      singleField: true, 
      singleFieldNode: $('.mySingleField'), 
      singleFieldDelimiter: '_', 
      allowSpaces: true, 
      minLength: 2, 
      removeConfirmation: true, 
      tagSource: function (request, response) { 
       //console.log("1"); 
       $.ajax({ 
        url: "../City/GetList", 
        data: { term: request.term }, 
        dataType: "json", 
        success: function (data) { 
         response($.map(data, function (item) { 
          return { 
           label: item.label + " (" + item.id + ")", 
           value: item.value 
          } 
         })); 
        } 
       }); 
      } 
     }); 
    });