Menu
I have two scripts the php script produces a comma delimited list of text suggestions based on input from javascript in my HTML. I’m new to JS and been using php for a couple years.
Can I use my php script to create selectable html that I display under my input field based in these two scripts? If so what would the <select> tag look like?
[CODE]<html>
<head>
<script type=”text/javascript”>
function showHint(str) {
if (str.length==0) {
document.getElementById(“txtHint”).innerHTML=””;
return;
}
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else {
// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4 && xmlhttp.status==200) {
document.getElementById(“txtHint”).innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open(“GET”,”gethint.php?q=”+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<p><b>Start typing a name in the input field below:</b></p>
<form>
First name: <input type=”text” onkeyup=”showHint(this.value)” size=”20″ />
</form>
<p>Suggestions: <span id=”txtHint”></span></p>
</body>
</html>
[code=php]<?php
// Fill up array with names
$a[]=”Bob”;
$a[]=”Brittany”;
$a[]=”Brian”;
//echo var_dump($a) . ‘<br/>’;
//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<count($a); $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;
?>