AJAX，刷新输入字段答案

【问题标题】：AJAX, refresh INPUT fieldAJAX，刷新输入字段
【发布时间】：2010-12-05 13:04:01
【问题描述】：

我第一次在 PHP 和 mySQL 中使用 AJAX。我一直在关注一些关于如何将 AJAX 与 INPUT 字段一起使用的示例和教程。

我有一个包含 2 个输入字段的表单。

第一个输入字段：用户输入 4 位数字
第二个输入字段：在mySQL db中查找4位数字并在此字段上输出。

大多数示例基于 div 和 span 中的输出，而我对第二个 INPUT 字段的输出感兴趣。

这怎么可能？

我的 js 文件：

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

【问题讨论】：

标签： php ajax input

【解决方案1】：

你写过：

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

代替innetHTML使用值：

document.getElementById("txtHint").value=xmlhttp.responseText;

【讨论】：

【解决方案2】：

大多数示例基于 div 和 span 中的输出，而我对第二个 INPUT 字段的输出感兴趣。

您应该能够按照示例进行两个更改：

使用 .value 代替 .innerHTML 用于输入字段
通过以下方式查找您的第二个输入字段它的 ID

document.getElementById("secondFieldId").value=xmlhttp.responseText;

【讨论】：