Select value which comes from database (live search)

Question

I have a script which is working perfectly but i am not enable to select a value and place it in text field.

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();
}

please tell me how to select and place that value which comes from database.

Is `livesearch` an ``? If so, you might need to use `value` instead of `innerHTML`. — gcampbell, Jun 22 '16 at 19:26
`livesearch` is a div where i get the results from database @gcampbell — Enam Ajmal, Jun 22 '16 at 19:28

score 0 · Answer 1 · answered Jun 22 '16 at 19:37

I made a simple working example.

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>

Select value which comes from database (live search)

1 Answers1