欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

各位你们好,php+ajax搜索文本框下方提示功能

程序员文章站 2022-05-20 12:38:27
...
各位大虾你们好,php+ajax搜索文本框下方提示功能!
各位大侠在吗?我想实现这个功能,目前文本框输入字母可以ajax显示对应的值了,但是不是我想要的,我想要的是直接在文本框下方提示,类似于百度搜索提示那种效果!!!能帮忙改下吗,本人菜鸟,想了解这功能流程,忘各位大虾赐教!!!跪拜!!!


目前的效果:
各位你们好,php+ajax搜索文本框下方提示功能


想要的效果:
各位你们好,php+ajax搜索文本框下方提示功能

html代码:
















Suggestions:









php代码:

// Fill up array with names
$a[]="Anna1";
$a[]="Anna2";
$a[]="Anna3";
$a[]="Anna4";
$a[]="Anna5";
$a[]="Anna6";

$a[]="Brittany1";
$a[]="Brittany2";
$a[]="Brittany3";
$a[]="Brittany4";
$a[]="Brittany5";
$a[]="Brittany6";
$a[]="Brittany7";

$a[]="Cinderella1";
$a[]="Cinderella2";
$a[]="Cinderella3";
$a[]="Cinderella4";
$a[]="Cinderella5";
$a[]="Cinderella6";
$a[]="Cinderella7";

$a[]="Diana1";
$a[]="Diana2";
$a[]="Diana3";
$a[]="Diana4";
$a[]="Diana5";
$a[]="Diana6";
$a[]="Diana7";

$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";

//get the q parameter from URL
$q=$_GET["q"];

//lookup all hints from array if length of q>0
if (strlen($q) > 0)
{
$hint="";
for($i=0; $i {
if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
{
if ($hint=="")
{
$hint=$a[$i];
}
else
{
$hint=$hint." , ".$a[$i];
}
}
}
}

//Set output to "no suggestion" if no hint were found
//or to the correct values
if ($hint == "")
{
$response="no suggestion";
}
else
{
$response=$hint;
}

//output the response
echo $response;
?>

------解决方案--------------------
示例
if($_SERVER['REQUEST_METHOD'] == "POST") {
$a[]="Anna1";
$a[]="Anna2";
$a[]="Anna3";
$a[]="Anna4";
$a[]="Anna5";
$a[]="Anna6";

$a[]="Brittany1";
$a[]="Brittany2";
$a[]="Brittany3";
$a[]="Brittany4";
$a[]="Brittany5";
$a[]="Brittany6";
$a[]="Brittany7";

$a[]="Cinderella1";
$a[]="Cinderella2";
$a[]="Cinderella3";
$a[]="Cinderella4";
$a[]="Cinderella5";
$a[]="Cinderella6";
$a[]="Cinderella7";

$a[]="Diana1";
$a[]="Diana2";
$a[]="Diana3";
$a[]="Diana4";
$a[]="Diana5";
$a[]="Diana6";
$a[]="Diana7";

$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
各位你们好,php+ajax搜索文本框下方提示功能

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

相关文章

相关视频