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

程序员文章站 2022-05-09 19:07:57

...

各位大虾你们好，php+ajax搜索文本框下方提示功能！
各位大侠在吗？我想实现这个功能，目前文本框输入字母可以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";
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频