Как можно сделать жывой поиск вывести ответ на input в javascript + ajax?

Question

[farrukh77]

есть пример кода

<script>
function showResult(str) {
  if (str.length==0) {
    document.getElementByName("name[]").value="";
    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 (this.readyState==4 && this.status==200) {
      document.getElementByName("name[]").value=this.responseText;
      }
  }
  xmlhttp.open("GET","livesearch.php?id="+str,true);
  xmlhttp.send();
}
</script>

<table>
<form method="POST" action="action.php">

<tr>
<td><input name="id[]" type="text" size="10" onkeyup="showResult(this.value)" value=""  />
</td>
<td>
<input type="text" name="name[]">
</td>
</tr>

</form>
</table>
содержимое в livesearch.php 
<code lang="php">
<?
$id=$_GET["id"];

$result = mysql_query("SELECT * FROM `table` WHERE id LIKE '%$id%' ");
while ($row = mysql_fetch_array($result)) 
{
echo $row["name"] ;
}
?>
</code>

как можно сделать при набивке в name="id" ответ выводил на name="name" если input несколько? это для код товара name="id" а name="name" наименование товара пожалуйста помогите

Answer 1

[xmoonlight]

www.keynode.ru/!DEMO!

Comments

[farrukh77]

спасибо за ответ но мне надо именно этот пример

[xmoonlight]

farrukh77: здесь это будет достаточно сложно реализовать, т.к. слишком много зависимостей. Можно пройтись foreach-ем, но ожидаемого результата - Вы всё равно не добьётесь.... :(

Answer 2

[Максим Тимофеев]

select2.github.io/examples.html#data-ajax