AJAX, обновить поле INPUT

Я использую AJAX в первый раз с PHP и mySQL. Я читал несколько примеров и руководств по использованию AJAX с полями INPUT.

У меня есть форма с двумя полями ввода.

  • 1-е поле ввода: Тип пользователя в 4-х знаках
  • Второе поле ввода: 4 цифры отображаются в mySQL db и выводятся в это поле.

Большинство примеров основаны на выходе в 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(); } 

Related of "AJAX, обновить поле INPUT"

Большинство примеров основаны на выходе в div и span, пока я заинтересован в выходе на моем втором поле INPUT.

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

  • используйте .value вместо .innerHTML для полей ввода
  • найдите свое второе поле ввода по его идентификатору

. Document.getElementById ( "secondFieldId") значение = xmlhttp.responseText;

Ты написал :

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

Вместо ценности использования innetHTML:

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