Wywołanie ajax do wypełnienia pól formularza z zapytania bazy danych, gdy zmienia się wartość wyboru

Przeglądałem pytania tutaj i nie mogę znaleźć dokładnej odpowiedzi na pytanie :( ale udało mi się coś uzyskać.

Mam pole wyboru formularza, które wypełniam z zapytania db

<select style="width:100%;" class="quform-tooltip chosen-select" id="company_select" name="company_select" title="Company Select" onChange="showUser(this.value)">
<option value="">Please select</option>
<?php
$userID = $user->getUserID();
$query = $user->database->query("SELECT * FROM tbl_businesses as business LEFT JOIN tbl_user_businesses as biz_user ON business.businessID = biz_user.businessID WHERE biz_user.userID ='$userID'");

while($row=$user->database->fetchArray($query))
{
    $bizID = $row['businessID'];
    $bizName = $row['businessName'];
    echo "<option value='$bizID'>$bizName</option>";
}?>
</select>

a następnie są obecnie 2 inne pola tekstowe (które mogą ewentualnie wzrosnąć), które chcę wypełnić, gdy powyższa wartość pola wyboru zostanie zmieniona / wybrana

<input id="company_name" type="text" name="company_name" value="" />
<input id="company_email" type="text" name="company_email" value="" />

więc mam funkcję onchange na moim polu wyboru, które jest tym

<script>
function showUser(str)
{
if (str=="")
{
    document.getElementById("company_name").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)
    {
        var data = JSON.parse(xmlhttp.responseText);
        for(var i=0;i<data.length;i++) 
        {
          document.getElementById("company_name").innerHTML += data[i].id + ' - ' + data[i].name + ' - ' + data[i].web;
        }
    }
}
xmlhttp.open("GET","formdata.php?q="+str,true);
xmlhttp.send();
}
</script>

a mój plik formdata.php jest taki

    <?php
include("include/user.php");

$q = intval($_GET['q']);

$sql="SELECT * FROM tbl_businesses WHERE businessID = '".$q."'";

$result = $user->database->query($sql);
$info = array();
while($row=$user->database->fetchArray($result))
{
    $cID = $row['bussinessID'];
    $cName = $row['businessName'];
    $cWeb = $row['businessWebsite'];
    $info[] = array( 'id' => $cID, 'name' => $cName, 'web' => $cWeb );
}
echo json_encode($info);?> 

co sprawia, że ​​wywołanie ajax poprawnie i zwraca oczekiwane dane, ale teraz potrzebuję pomocy, aby wypełnić wartości pola tekstowego?

czy ktoś może mi pomóc w tym, dosłownie spędził wieki próbując to rozgryźć, nie jestem zaznajomiony z javascript / json, więc nie wiem, od czego zacząć

chcę, aby wartość pola tekstowego nazwa_firmy została ustawiona na $ cName; i wartość pola tekstowego company_email do ustawienia na $ cWeb;

doceniam każdą pomoc

Luke

questionAnswers(2)

yourAnswerToTheQuestion