How we can get the ID of selected tags using Jquery tagit?

Question

I have a input tag field ,and I want to get the ID of the selected tages So I have try http://jsfiddle.net/u8zj5/19/ But my problem I want to get the id not label or value t

Answer 1

I had the same problem and I what did was modify tag-it.js. When you call the function select you need to send the ID through the function _addTag

self._addTag(ui.item.label, ui.item.value, ui.item.id);

Then youu just need to get the id:

_addTag: function(label, value, id) {
    ...
    this._addSelect(label, value, id);
    ...
}

And here append the ID on a hidden Select

_addSelect: function(label, value, id) {
        var opt = $('').attr({
            'selected':'selected',
            'value':id
        }).text(label);
        this.select.append(opt);

With this you can have, one label for the autocomplete list, one value to show in the tag, and the ID on a hidden select.