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)
        },
    });
});

添加新项目时也会获得输入ID

1 个答案: