текстовое поле заполнено на вызов ajax

Question

Я ищу, чтобы значения состояния и Zip_code заполнялись на моем вызове ajax. Вместо того, чтобы иметь его в txtzip. Я хотел бы поля государства и zip_code заполнены значениями из txtzip

Вот мои попытки до сих пор:

<input type="text" name="State" id="State" placeholder="NY" value="" size="5"/> 
<input type="text" name="Zip_Code" placeholder="zip code" value="" size="10" /> 
<div id="txtZip"><b>Person info will be listed here.</b></div> 

Ajax код

function showZip(str) 
{ 
if (str=="") 
    { 
    document.getElementById("txtZip").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) 
    { 
    document.getElementById("txtZip").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","Getzip.php?q="+str,true); 
xmlhttp.send(); 
} 

PHP код

$q=$_GET["q"]; 

$con = mysql_connect('localhost', 'root', 'root'); 
if (!$con) 
    { 
    die('Could not connect: ' . mysql_error()); 
    } 

mysql_select_db("Leadbook", $con); 

$sql="SELECT * FROM Zip WHERE City = '".$q."'"; 

$result = mysql_query($sql); 

while($row = mysql_fetch_array($result)) 
    { 

    $State = $row['State']; 
    $Zip_Code = $row['Zip Code']; 

    $info[] = array('State' => $State, 'Zip Code' => $Zip_Code); 
    } 
echo json_encode($info); 

mysql_close($con); 
?> 

Вопрос: Как это сделать?

Answer 1

Вы просто должны изменить селектор для Zip_code в этих двух строках:

document.getElementById("Zip_code").innerHTML=""; 

document.getElementById("Zip_code").innerHTML=xmlhttp.responseText; 

Результирующее в:

function showZip(str) 
{ 
if (str=="") 
    { 
    document.getElementById("Zip_code").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) 
    { 
    document.getElementById("Zip_code").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","Getzip.php?q="+str,true); 
xmlhttp.send(); 
}