jquery ui autocomplete id和close event ui parameter

时间:2011-07-22 07:50:50

标签: javascript jquery jquery-ui-autocomplete

我正在使用jQuery Ui Autocomplete 1.8.14,我想做两件事:

为自动填充分配ID。例如,我可能在页面上有很多自动填充,我需要一种方法来识别每个。特别是,在后台自动完成功能会产生类似

的内容
<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 1; top: 444px; left: 48px; display: block; width: 118px;">

我想要的是为ul标记分配和ID。我之所以这样做是因为以下原因......

有一个close event,其中一个参数是ui。在“选择”中,即使此ui填充了用于创建自动填充的数据,但对于关闭事件,ui为空。这就是为什么我想在上一个问题的ul标签上输入ID。如果我可以获得ui数据,那么我不需要为设置id而烦恼,尽管我认为这是一个理想的功能,无论如何。

希望我相当清楚。

编辑:显然,我不够清楚:)。希望以下内容有助于澄清我的意思: 从自动完成中选择一个项目后,我使用select事件使用“ui”参数填充其他表单元素。这一切都很好,很棒。

但是,现在我要做的就是这个,比如在自动填充中我写出了一个存在于自动完成中的项目。但是,我不选择项目,而是选项卡到下一个表单元素。我想要发生的是检查在自动完成中输入的术语,循环遍历自动完成列表。如果输入的术语与列表中的一个项匹配,我只是从“附加对象”中获取数据,然后相应地填充表单元素。

1 个答案:

答案 0 :(得分:0)

这是一个demo,我觉得你想做什么。我怀疑有更好的方法可以做到这一点。我完全接受了关于 TAB 的问题的一部分,并将一个事件绑定到该键。

注意:我刚刚看到你对这个问题的评论,所以现在也要看看那个演示。因此,在我的演示中,JSON数据的格式不同,因此可能需要进行一些调整。

哦,我刚发现existing extension可能已经做了你想做的事(来自here)典型! : - )

编辑哦,我知道,大部分代码已在your fiddle中完成。您只需使用$parentItem.data('item.autocomplete');

即可
相关问题