当前位置：文江博客话题详情

将元数据添加到 jQuery UI 自动完成

发布于 2024-11-04 07:04:18 字数 308 浏览 0 评论 0原文

我正在编写一个消息应用程序，它在“发送”字段中使用 jQuery UI 自动完成功能。我一切正常，但我需要将一些元数据（例如用户 ID）附加到项目上。

选择该项目后，我计划添加带有用户 ID 的隐藏输入，如下所示：为每个选定的用户添加一个。然后，当提交表单时，这些数据将被发送到 php 脚本，我可以在其中向每个用户发送消息。

我只是想知道这样的事情是否可能，如果不可能，解决它的最佳方法是什么？或者，有没有比我想象的更好的方法？

谢谢，

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你的背包 2024-11-11 07:04:18

你走在正确的轨道上！

自动完成小部件是为了处理此类情况而构建的。只要 source 中的项目具有 value 属性（以及可选的 label 属性），小部件就会正确呈现选项。

所以你有两个选择。您可以提供 label 和 value 属性，并在 上使用 value 属性创建隐藏的 input 元素。 >选择事件，或使用您自己的属性。通过示例更容易看出：

var users = [
    { label: 'Jon', value: 1 },
    { label: 'Jeff', value: 2 },
    { label: 'Marc', value: 3 },
    { label: 'Josh', value: 4 },
    { label: 'Andrew', value: 5}
];

$("#autocomplete").autocomplete({
    source: users,
    select: function(event, ui) {
        $("body").append("<input type='text' value='" + ui.item.value + "'/>");
    }
});

这是一个工作示例： http://jsfiddle.net/EYQLV/1/< /a>

如果源中的每个项目都包含该属性，您就可以轻松使用 ui.item.id。

You are on the right track!

The autocomplete widget is built to handle situations like this. As long as items in your source have a value property (and optionally a label property), the widget will render the options correctly.

So you have two options. You can provide the label and value property and create your hidden input elements with the value property upon the select event, or use your own attribute. It's easier to see with an example:

var users = [
    { label: 'Jon', value: 1 },
    { label: 'Jeff', value: 2 },
    { label: 'Marc', value: 3 },
    { label: 'Josh', value: 4 },
    { label: 'Andrew', value: 5}
];

$("#autocomplete").autocomplete({
    source: users,
    select: function(event, ui) {
        $("body").append("<input type='text' value='" + ui.item.value + "'/>");
    }
});

Here's a working example: http://jsfiddle.net/EYQLV/1/

You could just as easily use ui.item.id if each item in your source contained that property.

回复收藏 0 原文

~没有更多了~