jQueryUI自动完成建议在输入字段外部显示
jQueryUI自动完成建议是一种前端开发工具，它提供了一个用户友好的自动完成功能，可以在输入字段外部显示建议。它基于jQuery库，通过使用AJAX技术从服务器获取建议数据，并将其显示在输入字段的附近。
优势：
- 用户友好：jQueryUI自动完成建议提供了一个交互性强、用户友好的自动完成功能，可以提高用户的输入效率和体验。
- 定制化：开发人员可以根据自己的需求定制自动完成建议的样式和行为，以适应不同的应用场景。
- 跨浏览器兼容性：jQueryUI自动完成建议具有良好的跨浏览器兼容性，可以在主流的现代浏览器上正常运行。
应用场景：
- 搜索建议：在搜索框中实现自动完成建议，根据用户的输入实时显示相关的搜索建议，提高搜索的准确性和效率。
- 表单填写：在表单中的输入字段中使用自动完成建议，帮助用户快速选择或填写相关的选项或内容。
- 标签输入：在标签输入框中使用自动完成建议，方便用户选择已有的标签或输入新的标签。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与前端开发相关的产品和服务，以下是一些推荐的产品和对应的介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能开放平台（AI）：https://cloud.tencent.com/product/ai
- 云函数（SCF）：https://cloud.tencent.com/product/scf
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我已经在Django项目中用jQueryUi设置了一个自动完成表单。
我需要的建议出现在我的搜索栏，因为它应该，并显示只有10个第一个产品，匹配我的搜索。
浏览 6提问于2020-06-03得票数 1
回答已采纳
1回答
JqueryUI自动完成输入字段
、、、、
当从下拉列表中选择了自动完成选项时，我遇到了需要更改输入字段的值的情况。问题是自动完成小部件的源由具有索引和标签的对象组成。将发送数据的表单必须采用索引，但显示标签。values, // change #input to ui.item.id});提交时，表单应该包含索引，而不是输入字段中的标签我的第一个想法是更改select
浏览 3提问于2015-01-29得票数 0
我在通过向div应用css属性position到fixed获得的网页中有一个“模式窗口”。div包含输入字段。特别是，我使用的是来自jQueryUI的自动完成小部件。有两个主要问题：
1)第一个原因是，由于div有固定的位置，当您向下滚动网页时，自动完成建议不会显示固定，而是随页面上下移动。在这个中，您可以看到这个问题，在这里，我使用了一个来自jQuery网站的例子，它使用的是城市名称自动完
浏览 0提问于2012-09-02得票数 14
回答已采纳
1回答
如何使用自动完成函数来满足以下要求？
如果建议匹配小于10项，则建议自动完成。我对jquery和jqueryui并不熟悉，但是我可以控制“开放”事件来实现我的需求，这是正确的吗？有人能帮我一下吗？
浏览 0提问于2010-09-30得票数 0
我在本地数组上提供一个jQuery UI自动完成，如下所示：{ value: 1...我希望控件能够只显示建议框中的标签，并且只能在目标输入字段中显示选定项的标签，在我的示例中，目标输入字段是一个id为txtCategory的文本框。，下面是发生的事情：
浏览 0提问于2018-08-27得票数 0
回答已采纳
我使用jQuery UI和它的自动完成插件。我想要一个类似jQueryUi的组合框(带有一个箭头，用户可以单击它来查看列表)，但是当有人在组合框/文本字段中输入一些文本时，数据是从后端检索的。你有什么建议吗？
浏览 0提问于2012-04-23得票数 0
回答已采纳
我想绑定到jqueryui的autocomplete的autocomplete_jqueryui事件。我在代码中绑定的函数从未被调用过。ac_input类是在输入字段上生成的jqueryui类。将select选项传递给自动完成初始化函数不是一个选项。
浏览 3提问于2012-01-27得票数 0
1回答
我有一个数组，我想在HTML的输入部分自动完成一些数据，有点像预测文本。我使用的是jqueryUI，按照的指示(做一些测试)，但是代码不工作--当我填写输入时，数据不会自动完成，即使它的设置像示例一样？它基本上是按顺序加载的(我在本地调用Jquery，外部调用JqueryUI )：
<script src="jquery.2.1.4.min.js"></script&g
浏览 2提问于2015-07-28得票数 0
回答已采纳
有一个问题:我在我的项目中使用了大量的input-datalist组合来实现它的自动完成功能。但有一件事让我很恼火，那就是自动补全总是“左向”的。即:如果你在选项中有苹果、香蕉、橙子，并且你输入了"pp“，它将不会被检测到。但如果可能的话，我想避免使用外部库。有什么建议吗？之前谢谢你了！
浏览 1提问于2014-09-12得票数 2
1回答
我正在使用jqueryui自动完成让我的文本框出现，并为用户提供各种选项。 $(this).val(''); }现在这个方法工作得很好，所以当用户离开字段并选择另一个字段时，字段将被清除，但是它会导致另一个问题，如果他们再次输入相同的
浏览 2提问于2012-05-10得票数 4
回答已采纳
您可能希望AutoComplete“完成”您正在键入的短语，但实际上它是根据您正在键入的字符来“建议”的。例如：我希望它能“完成”并显示出来: ActionScript AppleScript如何让jQueryUI自动完成像这样工作呢？
浏览 1提问于2011-02-15得票数 1
我正在使用jqueryui自动完成小工具自动完成一个‘国家’字段，但我面临一个问题。假设用户输入" in "，我希望jqueryui列出以“in”开头的“印度”、“印度尼西亚”等国家，但也列出名称中包含“in”的国家(如:阿根廷)。我该如何解决这个问题？
浏览 0提问于2010-03-31得票数 5
回答已采纳
我使用jquery自动完成邮政编码字段。所以我想使用带有jQuery标签的jQueryUI自动完成输入插件。我在JSfiddle上试了试，但不起作用。链接:-
有没有人能帮我实现这个功能。
浏览 0提问于2012-12-21得票数 6
回答已采纳
我想做一个自动补全的字段，如果有人输入"@“，他们会得到一个自动补全的名字列表。我使用的是jQueryUI自动完成功能，我的解决方案( )的唯一问题是，支持自动完成功能的文本输入需要放在文本区光标位置的顶部，而不是像现在这样放在右边。这是我在JSFiddle中的JS：
$(document.body).on('keypress', 'textarea
浏览 0提问于2013-02-01得票数 0
回答已采纳
我的问题是:jQueryUI的自动完成功能可以在一个自动完成字段下提供来自多个数据库字段的建议吗？例如，我希望能够在字段中键入"br“，并使"briman057”和"Brian Johnson“都显示为建议，即使它们存储在单独的数据库字段中，并且作为同一JSON项的两个单独的键值对(即，{用户名:然
浏览 0提问于2012-02-05得票数 1
回答已采纳
我尝试在mvc项目中使用jqueryUI自动完成，查看控制台，发现当在自动完成的输入中写入字符时，我得到了所有的数据，但是这些数据没有显示在输入.How中来修复这个问题。
浏览 4提问于2016-03-31得票数 0
回答已采纳
1回答
我需要为输入字段创建一个自定义的自动完成建议列表。到目前为止，我已经将input事件的事件处理程序关联到html input元素，这样当该事件触发时，我就可以获取建议。如果不是，还有其他选择吗？
我最好不要使用外部库。
浏览 1提问于2015-11-30得票数 11
回答已采纳
我使用Orbeon Autocomplete组件，并根据用户输入的内容调用外部服务为我提供建议列表。
我的要求是使用户能够保留他已经进入的，即使服务找不到合适的匹配。但是，我遇到的问题是，当前，当我移动到另一个字段时(或者我只需单击“自动完成”字段，就会调用该服务，它将返回空字符串或空值，该字符串或null将自动填充为自动完成字段值(空白)。由于Orbeon自动完成</em
浏览 2提问于2015-12-25得票数 0
回答已采纳
基本上，它是让字段在用户按enter时使用自动完成列表中的第一个建议。这个问题的答案有一个jsfiddle - -它是有效的，除非当文本字段失去焦点时，字段值返回到部分输入的值。例如，用户在输入字段中单击并键入'ox'，自动补全框弹出并提供一些建议，然后用户按enter键。然后更改映射以显示自动完成框中第一
浏览 0提问于2012-05-27得票数 6
回答已采纳
我希望typeahead.js在如何匹配项方面表现得像jqueryui自动完成一样。使用jqueryui自动完成，可以在文本项中搜索。在“预先输入”中，它只从字符串的开头开始。自动完成示例：有了自动完成，似乎可以指定一个比较函数，但我还没有在“提前输入”中找到类似的东西。
浏览 4提问于2013-08-04得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
