0

私は 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);
?>

質問:どうすればこれを行うことができますか?

4

1 に答える 1

0

Zip_codeこの 2 行のセレクターを変更するだけです。

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();
}
于 2013-03-07T12:32:58.237 に答える