2.11.2.7 Vollständiges Beispiel mit php

HTML5-Datei

<!DOCTYPE html>
<html>
   <head>
      <script>function showHint(str){var xmlhttp;if(str.length ==0){document.getElementById("txtHint").innerHTML="";return;}if(window.XMLHttpRequest{xmlhttp =newXMLHttpRequest();}else{xmlhttp =newActiveXObject("Microsoft.XMLHTTP");}xmlhttp.onreadystatechange =function(){if(xmlhttp.readyState ==4){document.getElementById("responseDiv").innerHTML=xmlhttp.responseText;}}xmlhttp.open("GET","phpDateiname?q"+str,true);xmlhttp.send();}</script>
   </head>
   <body>
      <h3>Bitte hier das Suchwort eingeben,Sie erhalten Vorschläge:</h3>
      <form action="">Vorname:<input type="text" id="txt1"onkeyup="showHint(this.value)"/></form>
      <p>Vorschläge:<span id="responseDiv"></span></p>
   </body>
</html>

php-Datei

<?php// Array mit Vorschlagsoptionenfüllen, hier stark verkürzt

$a[]="Vicky";$a[]="Anna";$a[]="Johanna";$a[]="Brittany";$a[]="Cinderella";$a[]="Petunia";$a[]="Amanda";$a[]="Diana";$a[]="Eva";$a[]="Fiona";

// q Parameter aus URL$q=$_REQUEST["q"];$hint=""; // Array auf entsprechende Werte durchsuchen if ($q !== ""){$q=strtolower($q);$len=strlen($q);foreach($a as $name){if (stristr($q, substr($name,0,$len))){if ($hint===""){ $hint=$name; }else{$hint .= ", $name"; }}}} // Ausgabe der Vorschläge oder //ggf. Ausgabe von "Leider keine Vorschläge."echo $hint==="" ? "Leider keine Vorschläge." : $hint;?>