javascript - jQuery 自动完成 - 如何处理额外数据？

Question

我正在努力解决以下问题。我用 jQuery autocomplete plugin从服务器获取建议值列表。该列表将如下所示:

Username1|UserId1
Username2|UserId2

因此，如果我开始输入“U”，则会得到 "Username1" 的列表和 "Username2"正如预期的那样弹出。我可以选择第一项和 <input>的值将变为 "Username1" ，但我真正想要发送到服务器的是用户 ID。

我能否以某种方式获取用户名后面的 ID？我打算在更改文本框时发布表单。也许我太盲目了，无法在文档中看到它或无法在 Google 上找到它？

Answer 1

使用 autocomplete 插件的 result 方法来处理这个问题。数据作为数组传递给回调，您只需要将 data[1] 保存在某处。像这样:

$("#my_field").autocomplete(...).result(function(event, data, formatted) {
    if (data) {
        $("#the_id").attr("value", data[1]);
    }
});