javascript - 选择来自数据库的值（实时搜索）

Question

我有一个运行良好的脚本，但我无法选择一个值并将其放在文本字段中。

function showResult(str) 
{
  if (str.length==0) 
  {
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.border="0px";
    document.getElementById("livesearch").style.backgroundColor="transparent";
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("livesearch").innerHTML=xmlhttp.responseText;
  document.getElementById("livesearch").style.border="1px solid #A5ACB2";
  document.getElementById("livesearch").style.backgroundColor="#FFF";
 }
 }
     xmlhttp.open("GET","getRecord.php?q="+str,true);
     xmlhttp.send();
}

请告诉我如何选择和放置来自数据库的值。

Answer 1

我做了一个简单的工作示例。

var livesearch = document.getElementById("livesearch");

showResult('My text');

function showResult(str) {

  setTimeout(function(){
      livesearch.innerHTML = str;
      livesearch.style.border = "1px solid #A5ACB2";
      livesearch.style.backgroundColor = "#FFF";
  }, 1500);

}

<div id="livesearch"></div>