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

Question

ajax phpajax搜索提示

Answer 1

示例<?php
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";
  $a[]="Vicky";
 
  //get the q parameter from URL
  $q = $_POST["q"];
  $r = preg_grep("/^$q/i", $a);
  exit(join('<br>', $r));
}
?>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0-beta1.js"></script>
<script>
function showHint(s) {
  if($.trim(s) == '') return;
  $('#txtHint').css('display', '');
  $('#txtHint').load('', {q : s});
}
</script>
<div>
<form action="gethint.php" method="get" name="q"> 
<input type="text" id="q" name="q" onkeyup="showHint(this.value)" style="width:300px; height:32px;" />
<input type="submit" style="width:80px; height:34px;" value="Search"/> 
<p id="txtHint" style="width:600px;diplay:none"></p>
</form> 
</div>

Answer 2

我这个程序是这样的，在index.html页面输入关键字查询，然后在这个页面的input文本框下面有提示，然后点击“Search”执行gethint.php文件，然后在gethint.php输出最匹配的那几项。

Answer 3

这个搜索提示的列表，是可以选择的，相当于select下拉列表，选中后赋值给input文本框。

Answer 4

那是 js 的事情，与 php 无关

Answer 5

我想加个botton按钮，点击按钮之后 再显示查询结果，怎么修改？我研究半天了 没搞出来

Answer 6

http://www.cnblogs.com/zhuwenlong/archive/2012/12/05/2803116.html jQuery自动完成插件Autocomplete

Answer 7

还可以用用PHP的这个函数similar_text()