Также получите идентификатор ввода при добавлении нового элемента

Question

Я экспериментирую с jQuery tokeniputs и хотел бы получить не только item.name, но и идентификатор ввода при добавлении нового элемента. Существует функция переменной onAdd, что я использую, чтобы вызвать предупреждение:

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

Но я действительно понятия не имею, как я должен получить идентификатор входа элемента добавляемой к:

<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

Если вы хотите, идентификатор входа вы можете сделать это 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) 
     }, 
    }); 
});