本示例根据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";
}}
?>
代码就这么多,就这么简单,我也是刚刚才学,希望高手看了之后觉得写的不好,请指出!
分享到:
相关推荐
jquery+php查询mysql实现自动完成功能
jQuery结合PHP+Mysql完成自动输入
jQuery+PHP+Mysql实现输入自动完成提示的功能
jquery+js +PHP +mysql 实现自动完成功能 ,附资料,源码(资料为英文版)
关于jquery php查询mysql实现自动完成功能,写这个教程,因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包,然后告诉你怎么使用,而不是告诉你它是如何工作的以及为什么这样做。而知道这些可以...
在自动完成提示功能的基础上,对搜索关键词做修饰,比如添加红色,第一个字母大写。。,并对搜索结果数组添加字段,并在ui/jquery.ui.autocomplete.js中调用
php jquery自动保存草稿至mysql 宋正河作品
php jquery 根据数据库的内容 进行提示
用jQuery+PHP连接MYSQL,实现数据在网页自动刷新,也有写入数据到数据库的功能。代码注释完整,通俗易懂,作为入门示例比较好。
主要介绍了php+mysql+jquery实现简易的检索自动补全提示功能,涉及基于jQuery的ajax数据库查询与事件动态响应相关操作技巧,需要的朋友可以参考下
jquery php+mysql 表格双击可编辑,表单失去焦点自动提交保存数据,很实用!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
使用php,jquery和mysql的简单自动建议示例 跟随演示: :
本文将使用jquery ui的autocomplete插件,结合后端PHP,数据源通过PHP读取mysql数据表的数据,有需要的朋友可以参考一下。
该资源适合计算机相关专业(如人工智能、通信工程、自动化、软件工程等)的在校学生、老师或者企业员工下载,适合小白学习或者实际项目借鉴参考! 当然也可作为毕业设计、课程设计、课程作业、项目初期立项演示等。...
查看自己所教的课程及选择该课程的学生并且给该课号的学生录入平时成绩,考试成绩,系统可以按照该课程的比例自动算出总分,提交给管理员,等待审核;查询课号的成绩情况。 学生模块:修改自己的信息;根据学年选课...
为紧跟网站推出“移动版”的潮流,书中列举了 如何根据网络设备,自动切换pc版网页和移动版网页 ,另辟专门章节讲解如何使用jquery mobile快速开 发移动版网站,以及如何在移动版网站内使用php与 mysol进行数据库...
Php mysql 进销存管理系统。 全新Jquery前端引擎; 智能缓存、图表化的数据分析,手机短信营销; 各种礼包设置、搭配购买、关联等进一步加强用户体验; 任何功能及设置都高度自定义; MVC架构模式,代码严禁、...
PHP高分毕业设计-Bootstrap+Jquery+ThinkPHP+MySQL开发小型动漫内容管理系统+源代码+文档说明 - 不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的毕设,代码都测试ok,都是运行成功后才上传资源,...
10-15 1 zendframe手动部署 自动部署 10-15 2 zendframe架构讲解 10-15 3 view layout布局 10-15 4 view helper视图助手 10-15 5 遗留问题解决 10-15 6 zf重新部署 10-15 7 zf controller讲解 10-16 1 model讲解 ...