2010-12-05 59 views
1

我第一次使用AJAX和PHP和mySQL。 我一直在關注如何使用AJAX和INPUT字段的一些例子和教程。AJAX,刷新INPUT字段

我有一個2輸入字段的形式。

  • 第一輸入字段:用戶鍵入4位數字
  • 第二輸入字段:的4位數字中查找在MySQL數據庫並在此字段輸出。

大多數示例都基於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(); 
} 

回答

0

大多數示例都是基於div的和跨度的輸出,而我感興趣的輸出上我的第二個輸入字段。

你應該能夠跟隨的例子有兩個變化:

  • 使用.value的代替.innerHTML 輸入框的
  • 通過 其ID查找你的第二個輸入字段

document.getElementById(「secondFieldId」) .value的= xmlhttp.responseText;

+0

非常感謝傑爾! – JavaCake 2010-12-05 13:12:33

1

您採寫:

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

而是innetHTML的使用價值:

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