问题标签 [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 投票
6 回答
58488 浏览

jquery - jQuery UI 自动完成小部件搜索配置

我正在研究使用jQuery UI 自动完成小部件来实现按名字或姓氏查找用户。默认情况下,自动完成似乎是按字符序列查找单词,无论它出现在单词中。因此,如果您有以下数据:javascript, asp, haskell并且您输入'as'您将获得所有三个数据。我希望它只匹配单词的开头。所以在上面的例子中你只得到'asp'. 有没有办法配置自动完成小部件来做到这一点?

最终,最好以名字或姓氏的开头来匹配,就像在 Gmail 中一样。

注意:我正在尝试找出一种专门使用 jQuery UI 小部件的方法。因为我已经在我的项目中使用了 jQuery UI,所以我打算坚持使用它并尽量不向我的 Web 应用程序添加额外的库。

0 投票
13 回答
99191 浏览

javascript - 如何自定义格式自动完成插件结果?

我正在使用jQuery UI 自动完成插件。有没有办法在下拉结果中突出显示搜索字符序列?

例如,如果我将“foo bar”作为数据并输入“foo”,我将在下拉列表中得到“<strong>foo bar”,如下所示:

“Breakfast”出现在输入“Bre”之后,其中“Bre”为粗体,“akfast”为浅色。

0 投票
2 回答
12690 浏览

javascript - jQuery UI 自动完成在 Firefox 中有效,但在 IE 中无效

我在 jQuery UI 1.8rc3 中有新的自动完成小部件在 Firefox 中运行良好。它在 IE 中根本不起作用。有人可以帮我吗?

HTML:

Javascript:

结果(即 8):

红框是<ul>jQuery创建的元素。

我也收到此错误:

当我在 IE8 脚本调试器中打开它时,它会f[b]=d在 jquery.min.js 的第 116 行突出显示。请注意,我使用的是托管在 Google 服务器 ( https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js ) 上的 1.4.2 版 jQuery。

我已经尝试删除一些选项,但即使我.autocomplete()在没有选项或只有源选项的情况下调用,我仍然得到相同的结果。

再一次,它可以在 Firefox 中运行,但不能在 IE 中运行。有什么建议么?

谢谢。

更新: 按照建议,我使用 jquery.js(而不是 jquery.min.js)并在第 4618 行得到错误。请参阅下面的 jitter 答案。请参阅几天前发布的另一个 Stack Overflow 问题。

更新 2: 我发现 jQuery UI 自动完成使用了一个无效的属性this.element.height,当它应该使用该函数时this.element.height()

0 投票
4 回答
26696 浏览

css - 使用 jQuery-ui 自动完成显示微调器

我一直在到处搜索,只是没有看到有人这样做-是否可以使用带有 jQ​​uery UI 自动完成功能的某种微调器/加载器?(1.8) 在获取数据时?

0 投票
6 回答
70851 浏览

jquery - 选择 jQuery UI 自动完成后清除表单字段

我正在开发一个表单,并使用 jQuery UI 自动完成。当用户选择一个选项时,我希望选择弹出到附加到父<p>标记的跨度中。然后我希望该字段清除而不是填充选择。

我的跨度看起来很好,但我无法清除该字段。

如何取消 jQuery UI Autocomplete 的默认选择动作?

这是我的代码:

简单地做$(this).val("");是行不通的。令人抓狂的是,如果我忽略自动完成功能,几乎完全相同的功能可以正常工作,并且在用户键入逗号时采取行动:

真正的最终结果是让自动完成功能与多项选择一起工作。如果有人对此有任何建议,他们将受到欢迎。

0 投票
1 回答
2862 浏览

javascript - jQuery自动完成禁用使自动完成部分透明,而不是禁用

我在我的网站上搜索时使用了 jQuery UI 的“自动完成”功能。当您将单选按钮从“区域搜索”更改为“名称搜索”时,我希望它禁用自动完成功能,并在您切换回来时重新启用它。但是,当您禁用自动完成功能时,它不会隐藏下拉菜单,它只是将其调暗到 20% 左右。这是我的 javascript:

您可以在http://crewinyourcode.com看到它的发生

首先您必须选择一个区号进行搜索,然后您才能看到问题。

编辑:我意识到您必须先选择区号,然后才能选择切换搜索类型。如果您访问此 URL,您将立即拥有它们: http: //crewinyourcode.com/search/choose-category/732/

0 投票
2 回答
1628 浏览

jquery - jQuery自动完成开/关功能

我正在开发网站(使用 PHP、MySQL、jQuery 构建),它要求管理员在配置中设置一个变量,并根据该配置变量启用或禁用所有网站的 jQuery 自动完成功能。

有没有办法实现该功能?

0 投票
14 回答
66284 浏览

jquery - 是否可以设置 jQuery 自动完成组合框的宽度?

我正在使用jQuery UI 网站开箱即用的jQuery UI 组合框自动完成控件:

我的问题是我在一个页面上有多个组合框,我希望它们每个都有不同的宽度。

我可以通过添加这个 CSS 来改变它们的宽度:

但我想不出一种方法来改变其中一个的宽度。

0 投票
4 回答
4311 浏览

jquery - 您可以使用 jQuery UI 自动完成组合框限制输入无效的击键吗?

当使用jQuery UI 自动完成 组合框时,我认为会有一个选项来强制仅基于列表的有效键条目。有什么办法不允许无效键,所以你只能在列表中输入有效的项目?另外,有没有办法设置组合框的默认值?

如果我的列表有(C#、Java、Python)

我可以开始输入“abcds . .” 它让我输入它。我只希望允许有效的条目。

0 投票
1 回答
4361 浏览

jquery - jQuery 自动完成中的未定义结果

所以我运行了最新版本的 jQuery 和 UI。我正在使用基本的自动完成调用并返回有效的 JSON(通过 JSONLint 验证)。

返回数组的值和标签元素在列表中显示为未定义。我可以查看通过 Firebug 返回的结果,并且那里的 JSON 也是正确的。此外,虽然该列表仅显示“未定义”,但它确实显示了与 JSON 中返回的记录相同的次数。