问题标签 [jquery-ui-autocomplete]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1258 浏览

jquery - jQuery UI 自动完成中的自定义值

我正在使用jQuery UI AutoComplete,我想知道如何传递自定义值。

我可以使用选项来定义自定义值吗?不太清楚我应该如何使用它。目前我正在通过传递 URL 中的值来解决“问题”,如下所示:

0 投票
1 回答
741 浏览

asp.net-mvc - jQuery UI 自动完成插件 - 问题

我有一个 ASP.NET MVC 3 Web 应用程序(Razor)和一个带有 jQ​​uery UI AutoComplete 插件(v1.8)的特定视图。

这是我目前拥有的设置:

自动完成返回世界上的位置,与谷歌地图自动完成基本相同。

以下是我的问题:

1)delay和的推荐设置是minLength什么?保留为默认值?

2)我考虑过[OutputCache]控制器动作,但我看起来好像插件会自动缓存?这是如何运作的?它是否将结果存储在 cookie 中?如果有,什么时候到期?是否推荐任何额外的缓存?

3)我注意到如果我输入了某些内容,并且在触发 AJAX 请求时,如果我输入了其他内容,对话框会暂时显示第一个结果,然后显示第二个结果。我可以理解为什么,但这让用户感到困惑(鉴于 AJAX 请求可能需要 1-2 秒),但我正在考虑async: false$.ajax选项中使用以防止多个请求 - 这是糟糕的设计/用户体验吗?

4)你能推荐我以上设置的任何其他更改以提高性能/可用性吗?

0 投票
1 回答
2998 浏览

jquery - 是否可以让 jQuery UI 自动完成在 contenteditable div 和 datepicker 上协调工作?

在论坛帖子“How to make jquery autocomplete to work for a contenteditable DIV 而不仅仅是 INPUT, TEXTAREA 字段”中。我们看到了如何在 contenteditable div 元素上自动完成工作,但是结合 datepicker,datepicker 根本不会填充输入字段。

正如您在这个 jsFiddle 演示中看到的那样:http: //jsfiddle.net/xvnaA/

有人对如何解决这个问题有任何明智的想法吗?

0 投票
2 回答
426 浏览

javascript - 自动完成和直播?

只要#txtAllowSearch 是平面html,我就有以下脚本:

一旦#txtAllowSearch 由javascript/jquery 动态创建,这将停止工作。

我是否需要实时使用 jquery 才能使其正常工作?

0 投票
1 回答
1712 浏览

jquery - jQuery Autocomplete - 当用户单击带有可变文本的文本输入框时如何开始搜索

我有一系列使用 jQuery 自动完成功能的文本输入框来帮助用户选择合适的项目。项目必须匹配,否则该字段必须留空。这部分工作正常。

现在,这需要用户单击该字段,然后在进行选择之前开始键入匹配的文本。通常,但不总是,脚本知道前几个匹配字符(但它们会因字段而异)。如果字符是已知的,我想通过允许用户单击输入字段来帮助用户,然后让搜索出现并使用这几个字符开始搜索。字符可能是错误的,如果是这样,用户可以删除它们并输入自己的输入来选择匹配项。

我想我想要的是基本上让他们在用户单击输入时为用户输入。然后神奇地触发自动搜索,然后他们从那里获取它。但是最好的方法是什么?

我有:

如果这不是正确的方法,我不想让它输入东西。另外,无论如何我都无法让它工作。有什么建议么?

0 投票
1 回答
434 浏览

google-app-engine - 执行从 GAE 中提取数据的 jQuery 自动完成标签的最佳方法是什么

这里有一些基本上来自 jqueryui 的东西。是的,它是原始的,示例使用 JSON 来处理自动完成过程。我的后端开发人员在 GAE 上使用 python,他们通常只是从 gql 直接提取数据并将其转储到网页中。我需要这个函数来创建标签,就像 stackoverflow 一样。在我这里的情况下,最佳做法是什么?

0 投票
2 回答
633 浏览

javascript - 如何在 jQuery 中为一页上的多种格式的 jQuery UI 自动完成引用链的顶部?

我正在使用 jQuery UI 自动完成。

这很好,但是在同一页面上使用多个猴子修补解决方案来格式化结果存在多个自动完成框的问题(目前您只能覆盖原始 renderItem 允许每页使用一种结果格式)。

如何解决这个问题是自动完成小部件的一大未解之谜(据我所知)。我的想法是,如果我可以引用自动完成元素的 id,我可以在猴子补丁中添加一个 if 语句,从而允许我创建多个实例。让我演示一下:

格式化结果的猴子补丁是:

如果我在同一页面上指定,请说:

$("#input1").autocomplete();

$("#input2").autocomplete();

我正在尝试实现单独的功能,并有使用 _RenderMenu 的想法:

通过将其更改为:

这应该启用多个配置的配置来格式化自动完成结果?

例如,通过配置 x 个自定义 _renderItem 函数,在 _renderMenu 中列出:

所以我的问题是,如何在 _renderMenu 函数中引用位于链顶部的类或 ID(代码中的 $$$$CLASS-OR-ID$$$$)?

希望这是有道理的,感谢您的帮助!

0 投票
2 回答
4678 浏览

javascript - 带有隐藏 ID 字段的 jQuery UI 自动完成

目前,我在文本输入之前有一个带有隐藏字段的 HTML 表单。简化版如下:

文本输入已使用 jQuery UI 自动完成进行了修饰。

上面的脚本运行良好,除非用户将信息复制并粘贴到其中。大多数用户会在 AJAX 帐户搜索完成之前复制和粘贴并点击提交。用户不知道脚本需要他们从下拉列表中选择结果,否则隐藏字段将不会填充。但是,大多数用户不耐烦,希望通过最少的点击来做事。

如何拦截只有一个结果的粘贴?在用户单击提交按钮之前,我该如何执行此操作?

0 投票
1 回答
12896 浏览

javascript - Jquery UI 自动完成自定义 HTML(项目未定义)

我一直在努力让 jQuery UI Autocomplete 输出自定义 HTML。这是我的代码。

通过将列表嵌套在 renderItem 函数中,我似乎遇到了麻烦。HTML 输出正是我想要的。但是,当我“keydown”时,我得到一个 javascript 错误(项目未定义)。

有什么想法或建议吗?我几乎什么都试过了。

0 投票
1 回答
860 浏览

jquery - 设置jQuery自动完成匹配标准?

我编写了一个带有 jQ​​uery UI 自动完成功能的页面。

用户旨在使用自动完成功能从地点列表中选择一个位置。在此改进之前,用户必须从一长串列表中选择一个位置,这会更好,除了一个问题。

位置的格式如下:

“加拿大”

“加拿大 -> 阿尔伯塔”

“加拿大 -> 英属哥伦比亚”

“美国”

“美国 -> 阿拉巴马州”

“美国 -> 阿拉斯加”

等等。因此,我通过键入“CA”来测试这个应用程序,期望列出以“CA”开头的国家和州,例如:“加拿大”、“美国 -> 加利福尼亚”、“墨西哥 -> 坎佩切”。

然而,令我沮丧的是,我看到所有加拿大省份一一列出,因为“CA”与“Canada”中的“CA”匹配。我现在有近二十个选项可供选择。

用户在查找州时必须看到带有国家名称和州名称的层次结构,但是“加拿大”作为国家必须是单个匹配作为单个位置。

如何设置 jQuery 自动完成功能以允许我在这么多单词中指定仅匹配“->”右侧的文本?

现在,在我的 Javascript 代码中,我有 var locations = "[{'label':'Canada','value','Canada'},{'label':'Canada -> Alberta','value':'阿尔伯塔'}...]。

我不想让这项工作异步进行。我担心这会导致太多的 Web 服务调用。