I get a strange behavior from the following code ..it's intended to give auto-complete options for the user on every key-press
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript">
function autoComplete(str) {
debugger;
if (str) {
$.ajax({
type:'GET' ,
url:"index.php?q=" + str ,
success:function(response){
$("#autoComplete").html(response) ;
}
})
}
};
$(document).ready(function() {
$("#text").keypress(function() {
autoComplete($("#text").val())
});
})
</script>
</head>
<body>
<form action="index.php" >
<input type="text" id="text" />
<div id="autoComplete"></div>
</form>
<?php
if (isset($_GET["q"]))
{
$a[] = "Android";
$a[] = "B programming language";
$a[] = "C programming language";
$a[] = "D programming language";
$a[] = "euphoria";
$a[] = "F#";
$a[] = "GWT";
$a[] = "HTML5";
$a[] = "ibatis";
$a[] = "Java";
$a[] = "K programming language";
$a[] = "Lisp";
$a[] = "Microsoft technologies";
$a[] = "Networking";
$a[] = "Open Source";
$a[] = "Prototype";
$a[] = "QC";
$a[] = "Restful web services";
$a[] = "Scrum";
$a[] = "Testing";
$a[] = "UML";
$a[] = "VB Script";
$a[] = "Web Technologies";
$a[] = "Xerox Technology";
$a[] = "YQL";
$a[] = "ZOPL";
$ACText = $_GET["q"] ;
$ACBox = "";
foreach($a as $name)
{
if($name){
if (stristr($ACText , substr("$name" , 0 , strlen($ACText))))
{
$ACText = $name ;
$ACBox .="<p>$ACText</p>" ;
$ACText = "" ;
}
}
}
if($ACBox)
{
echo $ACBox ;
}
}
?>
</body>
</html>
when entering text in the input element the form unexpectedly creates another input element under the existed one and display multiple warning messages ... I tried to hide those warning messages using error_reporting(E_ERROR | E_PARSE); .. but the browser got very slow after I did that .... also I wanna know why another input element is displayed
some help ? (the auto-complete options were shown successfully)
