javascript - jquery ui 自动完成 id 和关闭事件 ui 参数

Question

我正在使用 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;">

我想要的是将 id 分配给 ul 标记。我之所以要这样做是出于以下原因......

有一个close event其中一个参数是ui。在“select”中，甚至此 ui 也填充了用于创建自动完成的数据，但对于关闭事件，ui 为空。这就是为什么我想在上一个问题的 ul 标签上有一个 id。如果我可以获得 ui 数据，那么我就不需要费心设置 id，尽管我认为无论如何它都是一个理想的功能。

希望我说得相当清楚。

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

但是，现在我想做的是这样的，比如说在自动完成中我写出自动完成中存在的一个项目。但是，我没有选择该项目，而是使用 Tab 键切换到下一个表单元素。我想要发生的是检查自动完成中输入的术语，循环浏览自动完成列表。如果输入的术语与列表中的一项匹配，我只需从“附加对象”中获取数据，然后相应地填充表单元素。

Answer 1

这里是 demo我认为这符合你的要求。我怀疑有更好的方法可以做到这一点。我确实接受了有关 TAB 的问题部分，并将事件绑定(bind)到该键。

注意:我刚刚看到您对该问题的评论，所以现在也将看看该演示。因此，在我的演示中，JSON 数据采用不同的格式，因此可能需要进行一些调整。

哦，我刚刚找到了一个 existing extension这可能已经达到了您想要的效果(来自 here )典型! :-)

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