2010-05-14 127 views
0

我想使用Jquery's UI autocomplete,但有一些额外的功能:在用户选择建议的项目后,我还想显示与该项目相关的附加数据(例如,如果正在搜索联系人数据库,那么我想显示联系人的电子邮件,地址...)在一些HTML元素。jquery UI自动完成 - 扩展数据?

有没有办法做到这一点?

由于提前,

编辑

我想提供什么,我确实需要更详细的描述:
当用户开始搜索联系人,从结果数据库我想返回联系人的ID和全名。用户选择某个联系人后,就会调用ajax函数,并使用它的ID从选定联系人中检索所有详细信息。但我不知道该怎么办以下:

  • 如从数据库返回联系人的JSON结果(ID和全名很可能我会找到解决方案得到正确格式的结果,但我不知道它是如何传递给自动完成脚本的)

  • 如何处理结果数据,以便仅显示全名和ID仅在某些联系人被选中时使用,以便我可以检索完整的详细信息某些联系人

+0

我在这里找到了答案: http://jqueryui.com/demos/autocomplete/有很多例子和解释。 – 2010-05-17 12:01:02

回答

3

看看its events:您可以为select事件添加处理程序,并在其触发后显示所有信息。

+0

我只是在探索...是否有任何简单的方法来传递正在建议的结果的ID? – 2010-05-14 14:12:58

+0

嗯,我永远不知道要采取哪一种:尝试$(this).val()例如。否则,事件处理程序会传递两个参数ui和event。看看这些文档。 – 2010-05-16 20:13:46

+0

我不确定你是否理解我的问题,我编辑了它,所以如果你可以请看看。谢谢! – 2010-05-17 07:09:46

1

您可以在formatMatch函数中指定额外的数据。该参数必须是一些分隔符分隔的字符串。稍后在.result函数中,它有3个参数[事件,数据,格式化],您可以通过分隔符使用格式化并填充所需的值来检索它。