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";
}}
?>
代碼就這麼多，就這麼簡單，我也是剛剛纔學，希望高手看了之後覺得寫的不好，請指出！