javascript - Ajax返回值显示在div上但不显示在输入字段上

Question

嗨，我有 AJAX 代码，它可以完美地更改 div 的内部 HTML，但它不适用于输入文本字段。

这是 AJAX 代码:

<script>
function hallprice(str) {

  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("hallcharges").innerHTML = xmlhttp.responseText;
}
  }
  xmlhttp.open("GET","<?php echo base_url();?>admin/hallreservation/get_hallprice?q="+str,true);
  xmlhttp.send();
}
</script>

<div id="hallcharges"></div>

<input id="hallcharges" name="hallcharges" type='text'  class="form-control" />

如何使用 responseText 更新文本字段？

Answer 1

您的 ID 与 div 相同和input ，请更改div id 到 divHallcharges

如果你想在输入中显示输出，请使用 document.getElementById("hallcharges").value 而不是document.getElementById("hallcharges").innerHTML

<div id="divHallcharges"></div>

<input id="hallcharges" name="hallcharges" type='text'  class="form-control" />

<script>
function hallprice(str) {

    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("hallcharges").value = xmlhttp.responseText;
        }
    }
     xmlhttp.open("GET","<?php echo base_url();?>admin/hallreservation/get_hallprice?q="+str,true);

    xmlhttp.send();

}