也添加新項目時獲得輸入ID

Question

我正在試驗jQuery tokeniputs並希望不僅獲得item.name，而且還需要添加新項目時輸入的id。有一個函數變量onAdd，我用它來調用警報：

onAdd: function (item) { 
    alert("Added " + item.name); 
}, 

但我真的不知道我應該如何獲取輸入的ID的元素被添加到：

<input type="text" id="input12" name="blah" /> 

我演示代碼：

$("#input12").tokenInput("http://shell.loopj.com/tokeninput/tvshows.php", { 
    prePopulate: [{ 
     id: 123, 
     name: "Slurms MacKenzie" 
    }], 
    onAdd: function (item) { 
     alert("Added " + item.name); 
    }, 
    onDelete: function (item) { 
     alert("Deleted " + item.name); 
    } 
}); 

http://jsfiddle.net/v394w/

謝謝！

Answer 1

如果你想輸入的ID，你可以做到這一點this.attr("id")：

$(document).ready(function() { 
    $("#demo-input-pre-populated").tokenInput("http://shell.loopj.com/tokeninput/tvshows.php", { 
     prePopulate: [{ 
      id: 123, 
      name: "Slurms MacKenzie" 
     }, { 
      id: 555, 
      name: "Bob Hoskins" 
     }, { 
      id: 9000, 
      name: "Kriss Akabusi" 
     }], 
     onAdd: function (item) { 
      console.log(this.attr("id")); 
      // Input ID (this refers to the jQuery input object) 
     }, 
    }); 
});