Question

我希望在我的ajax调用中填写State和Zip_code值。而不是在txtzip中。我希望State和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();
}

在ajax电话上填写的文本字段

1 个答案: