位置：首页 > 计算机 > php语言

php+ajax做仿百度搜索下拉自动提示框

php语言1.9W

php+mysql+ajax实现百度搜索下拉提示框主要有3个文件三个文件在同一个目录里如下图下面是三个文件的代码把sql文件导入到mysql数据库里修改下数据库密码为自己的记得哦是UTF-8编码。

下面是三个文件的.代码把sql文件导入到mysql数据库里修改下数据库密码为自己的记得哦是UTF-8编码

　　php+mysql+ajax实现百度搜索下拉提示框

效果图

　　php+mysql+ajax实现百度搜索下拉提示框

文件

复制代码代码如下:

<?php

mysql_connect('localhost', 'root' ,'');

mysql_select_db("test");

$queryString = $_POST['queryString'];

if(strlen($queryString) >0) {

$sql= "SELECT value FROM countries WHERE value LIKE '".$queryString."%' LIMIT 10";

$query = mysql_query($sql);

while ($result = mysql_fetch_array($query,MYSQL_BOTH)){

$value=$result['value'];

echo '<li onClick="fill(''.$value.'');">'.$value.'</li>';

}

文件

复制代码代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>Ajax Auto Suggest</title>

function lookup(inputString) {

if(th == 0) {

// Hide the suggestion box.

$('#suggestions')();

} else {

$("", {queryString: ""+inputString+""}, function(data){

if(th >0) {

$('#suggestions')();

$('#autoSuggestionsList')(data);

}

});

}

} // lookup

function fill(thisValue) {

$('#inputString')(thisValue);

setTimeout("$('#suggestions')();", 200);

}

</script>

body {

font-family: Helvetica;

font-size: 11px;

color: #000;

}

h3 {

margin: 0px;

padding: 0px;

}

estionsBox {

position: relative;

left: 30px;

margin: 10px 0px 0px 0px;

width: 200px;

background-color: #212427;

-moz-border-radius: 7px;

-webkit-border-radius: 7px;

border: 2px solid #000;

color: #fff;

}

estionList {

margin: 0px;

padding: 0px;

}

estionList li {

margin: 0px 0px 3px 0px;

padding: 3px;

cursor: pointer;

}

estionList li:hover {

background-color: #659CD8;

}

</style>

</head>

<body>

<p>

<form>

<p>

Type your county:

<br />

</p>

</p>

</form>

</p>

</body>

</html>

sql数据库文件（导入到mysql）

复制代码代码如下:

-- phpMyAdmin SQL Dump

-- version 3.3.5

-- 主机: localhost

-- 生成日期: 2010 年 12 月 09 日 02:36

-- 服务器版本: 5.0.22

-- PHP 版本: 5.2.14

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

-- 数据库: `test`

-- --------------------------------------------------------

-- 表的结构 `countries`

荟萃馆

php+ajax做仿百度搜索下拉自动提示框

PHP将XML转为数组的方法

php中怎么实现回删功能

如何在php与js中分别获取客户度mac地址

PHP考试笔试题

相关文章