来自MySQL的Autocomplete jQuery不起作用
Autocomplete是一种常见的前端开发技术，用于提供用户输入的自动补全功能。它可以根据用户输入的内容，从预定义的数据源中匹配并展示可能的选项，以帮助用户快速选择或填写信息。
MySQL是一种流行的关系型数据库管理系统，但它本身并不直接提供Autocomplete功能。要实现Autocomplete，通常需要结合其他技术和工具，如jQuery。
jQuery是一种广泛使用的JavaScript库，它简化了前端开发中的许多常见任务。在Autocomplete的情况下，可以使用jQuery UI库中的Autocomplete插件来实现。
要使用Autocomplete插件，首先需要引入jQuery和jQuery UI的相关文件。然后，通过调用Autocomplete函数，并传递相关的配置参数，即可将Autocomplete功能应用到指定的输入框上。
Autocomplete插件的一些常用配置参数包括：
- source：指定数据源，可以是一个数组、一个函数或一个URL地址。
- minLength：指定触发自动补全的最小输入字符数。
- select：指定选中某个选项后的回调函数。
- focus：指定选中某个选项时的回调函数。
以下是一个示例代码，演示如何使用MySQL的Autocomplete jQuery插件：
<!DOCTYPE html>
<html>
<head>
<title>Autocomplete Example</title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function() {
$("#autocomplete").autocomplete({
source: "autocomplete.php", // 数据源为一个URL地址，可以是服务器端脚本返回的数据
minLength: 2, // 最小输入2个字符才触发自动补全
select: function(event, ui) {
// 选中某个选项后的回调函数
console.log("Selected: " + ui.item.value);
},
focus: function(event, ui) {
// 选中某个选项时的回调函数
console.log("Focused: " + ui.item.value);
}
});
});
</script>
</head>
<body>
<label for="autocomplete">Search: </label>
<input id="autocomplete">
</body>
</html>在上述示例中，Autocomplete的数据源为一个URL地址，可以是一个服务器端脚本，该脚本根据用户输入的内容，从MySQL数据库中查询匹配的选项，并返回给前端。
对于腾讯云的相关产品和产品介绍链接地址，由于要求不能提及具体的品牌商，我无法直接给出相关链接。但腾讯云作为一家知名的云计算服务提供商，提供了多种与云计算相关的产品和服务，包括云数据库MySQL、云服务器、人工智能等。您可以访问腾讯云的官方网站，了解更多关于这些产品的信息和文档。
相关·内容
我在一个拉威尔视图页面上工作，并使用jQuery从数据库中获取数据。我有其他函数可以正常工作，但我不能看到我在这里做错了什么。它返回一个空字段。我附上了刀片式服务器、控制器、web.php、default.js的代码片段。请帮帮我:) /* default.js*/ source: "/search/doc_name",
minLength
浏览 10提问于2020-08-05得票数 0
回答已采纳
我有一个标准的jQuery自动完成设置，类似于下面的内容： source: source, select: function( event, ui ) { }我希望的是，当选择该值时，页面中的数据表将出现，并使用该值作为搜索参数填充来自数据库
浏览 2提问于2012-08-15得票数 0
回答已采纳
我正在我的ASP.net页面上使用JQuery，我想知道是否有一种方法可以将AutoComplete与SQL结合使用。准确地说，我在数据库上执行"select“操作，我将拥有一个字符串数组，并且我希望将该数组与AutoComplete一起使用来填充用户类型的字符串。谢谢。
浏览 4提问于2010-11-26得票数 1
回答已采纳
来自 (veiw来源)： source: "search.php", select: functionaka " + ui.item.id : }因此，正如我所看到的，但我需要这样做，以发送一些过滤器从以前的输入
浏览 5提问于2011-11-28得票数 11
回答已采纳
我有一个名为tblCityState的数据库表，其数据如下：STATE纽约州，加利福尼亚州，佐治亚州实现这个目标的最好/最简单的方法是什么../这对me..Please来说非常重要--帮助我编写代码，我到处搜索，但没有找到这样的东西，我在php& ajax.suggest me中是新手，我有一些代码。
浏览 5提问于2013-01-29得票数 0
我使用django-在我的“编辑用户详细信息”视图中自动完成添加“朋友”。我想排除这两个人。
浏览 0提问于2011-08-19得票数 0
3回答
我用jQuery自动完成函数创建了这个表单。从自动完成列表中选择的品牌需要使用$.ajax函数发送到PHP文件中。我的代码似乎不起作用，但我找不到错误。我不知道为什么不将数据插入MYSQL数据库。这是我的代码： $(document).ready(function() {
浏览 2提问于2012-03-30得票数 0
我是jquery的新手！我在我的应用程序中使用jquery ui自动完成，其中自动完成值来自数据库。下面是我正在使用的代码，但什么也没有发生 mysql_select_db("webforum", $conn);q%&q
浏览 0提问于2011-02-20得票数 0
回答已采纳
3回答
我试着用PHP和jQuery做一个自动提示文本框，但是，我使用的所有基于互联网的jQuery已经不受欢迎了。我不确定我的代码是不工作的还是jQuery。有人能帮我吗？:)预先谢谢你！ <script type="text/javascript" src="js/jquery-1.4.2
浏览 5提问于2013-03-30得票数 1
我是jQuery的新手；我想从数据库中获取数据来自动完成一个文本框。 <script> var Theaters = [ "SCR","MTR" $( "#tags
浏览 2提问于2012-09-15得票数 2
回答已采纳
2回答
我正试图在我的网站上开发一个功能，自动从我的表中获取可用路径，并将其填充到jQuery自动完成文本框中，该文本框可在输入结果时显示结果mysql_connect('localhost', 'sample', 'sample'); $sql = &quo
浏览 1提问于2012-04-12得票数 0
回答已采纳
4回答
autocomplete.php<script src="js/jquery-1.10.2.min.js"></script&
浏览 3提问于2016-05-20得票数 0
这就是我将jQuery导入React的方法：我也试过了但也不走运。这是我得到的错误：这是我的compenentDidMount中它抱怨的jQue
浏览 5提问于2018-02-20得票数 1
3回答
php
$db = mysql_select_db("auto",$connection);><html><link rel="stylesheet" type="text
浏览 3提问于2012-06-28得票数 2
回答已采纳
1回答
我试图搜索任何一个词，但它不起作用。我试图看穿谷歌Chrome的控制台，但唯一的错误是：这是我的密码：
}), placeholder: "Please Se
浏览 5提问于2014-04-23得票数 0
回答已采纳
2回答
我正在开发一个jquery-ui自动完成。我可以开始输入，从第一个字母开始，就会出现一个带有匹配项的下拉列表。这部分工作正常。我的问题是，当你从下拉列表中进行选择时。我尝试过onchange和onselect，但它们都不起作用。最接近的代码是onclick，但是一旦您从下拉列表中选择了一个条目，为了让脚本从数据库中检索记录，您必须在文本输入中再次单击。下面是我描述的代码： <script type="text/javascript">
$(fun
浏览 20提问于2019-02-18得票数 0
回答已采纳
我已经创建了一个自动完成文本框，当我输入列表中不可用的值时，它将自动清除结果正确的textbox，但当我在列表中的数据中键入并添加一些文字时，textbox值不清楚，尽管最终的值键不在列表中。
var source = ['jQuery', 'Dojo', 'ExtJs', 'Prototype', 'Java', 'And
浏览 3提问于2015-09-03得票数 1
回答已采纳
2回答
我的PHP代码将JSON数据返回到jquery自动完成，但自动完成不起作用$("input#txtaddkey").autocomplete({ minLength: 2PHP代码
$fetch = mysql_query("SELECT * FROM o_keyword$query .
浏览 0提问于2010-11-21得票数 7
回答已采纳
1回答
我最近把我的手放在CI上，并且还在学习。/ui/1.10.0/themes/base/jquery-ui.css" /><script src="http://code.jquery.c
浏览 10提问于2016-07-24得票数 0
回答已采纳
1回答
我做了一个jquery自动完成，它的数据来自mysql database.now，我在这方面遇到了一个小问题。我想要在autocomplete中显示产品名称，如您在下面的代码中看到的那样&单击提交按钮后，它的工作good.but我想插入产品ID而不是产品NAME.Below是我的代码require_once "include/config.php";
$sql_product = "s
浏览 0提问于2012-02-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
