本示例根据jquery插件autocomplete的demo修改
1.下载php autocomplete插件
2.建立php项目,取名为autocompleteTest
示例结构如下:
[img]
http://static3.photo.sina.com.cn/middle/6925792fn8c1a22c47b22&690
[/img]
3.将插件示例里面的jquery.autocomplete.css,jquery.autocomplete.js,jquery-1.4.2.js复制到项目的目录下。
4.建立html文件:index.html
代码如下:
<html>
<head>
<title>jQuery Autocomplete demo</title>
<script type="text/javascript" src="jquery.js"></script>
<script type='text/javascript' src='jquery.autocomplete.js'></script>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript">
$().ready(function() {
$("#singleBirdRemote").autocomplete("search.php", {
width: 300,
selectFirst: false
});
$("#singleBirdRemote").result(function(event, data, formatted) {
if (data)
$(this).parent().next().find("input").val(data[1]);
});
});
</script>
</head>
<body><input type="text" id="singleBirdRemote" /><input />
</body>
</html>
5.建立和html文件同一目录下的php文件:search.php
代码如下:
<?php
header("content-type:text/html; charset=utf-8");
$q = strtolower($_GET["q"]);
if (!$q) return;
$conn = @mysql_connect ( "localhost", "root", "" ); //连接数据库
mysql_query("SET NAMES 'utf8'");//处理乱码
//mysql_query ( "SET character_set_connection=gbk , character_set_results=gbk, character_set_client=gbk, sql_mode='' " );
mysql_select_db ( "demo", $conn ); //选择数据库
$array ;
if ($conn) {
$recode = "select * from fc_subdistrict";
$result = mysql_query ( $recode, $conn );
while ( $row = mysql_fetch_array ( $result, MYSQL_ASSOC ) ) {
$array [$row ['name']] = $row ["id"];
}
}
foreach ($array as $key=>$value) {
if (strpos(strtolower($key), $q) !== false) {
echo "$key|$value\n";
}}
?>
代码就这么多,就这么简单,我也是刚刚才学,希望高手看了之后觉得写的不好,请指出!
分享到:
相关推荐
在IT领域,特别是Web开发中,利用jQuery与PHP结合MySQL数据库来实现自动完成(Autocomplete)功能是一种常见的技术方案。这种技术广泛应用于搜索框、表单填写等场景,旨在提升用户体验,通过用户输入的部分信息即时...
本项目主题“jQuery结合PHP+Mysql完成自动输入”正是这样一种常见的应用场景,它涉及了前端JavaScript库jQuery、后端脚本语言PHP以及关系型数据库管理系统MySQL。接下来,我们将深入探讨这三个关键组件在实现自动...
总结起来,这个项目利用jQuery的`autocomplete`功能和PHP+MySQL的后端处理,提供了一个实时的输入提示功能,提高了用户在搜索或输入数据时的效率。这涉及到前端交互设计、服务器端脚本编写和数据库操作等多个技术...
本项目利用jQuery、JavaScript、PHP和MySQL这四个核心技术实现了一个自动完成功能,下面将详细讲解这个过程。 **jQuery** 是一个轻量级的JavaScript库,它简化了DOM操作、事件处理和Ajax交互。在这个项目中,jQuery...
标题 "联想输入 输入框提示 自动完成(php mysql jquery)" 涉及的技术主要集中在前端的用户体验优化和后端的数据交互上。这种功能常见于许多网站和应用程序的搜索框,用户在输入时,系统会根据已输入的部分文字提供...
在本项目中,我们主要探讨的是如何利用PHP、MySQL数据库以及jQuery库中的`jquery.more.js`插件实现一个下拉加载(无限滚动)的功能。这个功能常见于网页中,当用户滚动页面到底部时,会自动加载更多内容,提供流畅且...
本教程将探讨如何使用jQuery、PHP和MySQL实现一个输入自动完成提示的功能,并在此基础上增强搜索关键词的展示效果,如变色和首字母大写。首先,让我们逐个了解这些技术的关键点。 jQuery是一个广泛使用的JavaScript...
关于jquery php查询mysql实现自动完成功能,写这个教程,因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包,然后告诉你怎么使用,而不是告诉你它是如何工作的以及为什么这样做。而知道这些可以...
本文将详细讲解如何使用jQuery、PHP以及MySQL来创建一个交互式的网页应用,通过这个实例,你可以了解到这三种技术如何协同工作,实现数据的实时显示和存储。我们将主要围绕以下几点展开: 1. jQuery简介:jQuery是...
在网页开发中,"PHP+MYSQL+JQUERY省市(区)县三级联动"是一种常见的功能设计,用于实现用户选择省份时,下拉菜单自动更新对应的城市和区县,为用户提供便捷的交互体验。这一技术主要涉及到前端的JavaScript库jQuery...
【标题】"php jquery自动保存草稿至mysql 宋正河作品"是一个示例项目,展示了如何使用PHP和jQuery技术实现在用户输入时自动将文本内容保存为草稿,并将其存储到MySQL数据库中。这个项目可能对那些正在构建需要实时...
6. phpeclipse:PhPEclipse是一款针对Eclipse平台的PHP开发插件,提供了代码编辑、调试、语法高亮、自动完成等特性,帮助开发者更高效地编写PHP代码。在教程中,可能会介绍如何安装和配置PhPEclipse,以及如何利用其...
本资源"修正了bug的php+mysql+jquery联动菜单"正是针对这一需求的一个解决方案,它修复了之前存在的问题,使得功能更加完善。以下是关于这个主题的详细知识点: 1. PHP:PHP(Hypertext Preprocessor)是一种广泛...
在这个项目中,我们将探讨如何使用PHP、jQuery和JSON与MySQL数据库结合来实现一个瀑布流图片加载功能。 首先,`pubuliu.sql` 文件是MySQL数据库脚本,它可能包含了创建数据库和表结构的命令,以及预填充的图片数据...
本文将介绍如何使用PHP、MySQL和jQuery技术栈来实现一个简易的检索自动补全提示功能。 首先,我们需要了解三个主要技术点:PHP、MySQL和jQuery。 PHP是一种广泛使用的开源服务器端脚本语言,特别适合Web开发,可以...
这个压缩包文件“php+mysql+jquery省市区三级联动+2014省市数据库”提供了一个完整的解决方案,包括后端PHP处理、数据库设计以及前端jQuery实现。 首先,我们来详细了解一下PHP在这其中的角色。PHP是一种服务器端...
以下是关于"php+jquery+mysql城市三级联动"的知识点详解: 1. PHP:PHP(Hypertext Preprocessor)是一种广泛使用的开源脚本语言,尤其适用于Web开发,可以嵌入到HTML中。在这个项目中,PHP主要负责后端逻辑处理,...
"jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据"是一个典型的例子,展示了如何结合前端技术和后端技术实现高效的数据管理。以下是这个项目涉及的关键知识点: 1. **jQuery**:jQuery是一个强大的...
在网页开发中,"PHP MySql Ajax Jquery 省市地区四级联动" 是一个常见的功能需求,主要用于实现用户选择省份时,自动加载对应的市、区/县数据,以提供更流畅的用户体验。这个功能通常应用于地址填写、订单提交等场景...
【PhPEclipse】:PhPEclipse是一款基于Eclipse平台的PHP集成开发环境,提供了代码高亮、自动完成、调试工具等功能,便于PHP开发。视频可能讲解了PhPEclipse的安装、项目创建、代码编辑、调试技巧等。 在"第三课.swf...