Question

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

这是AJAX代码：

＆＃13;

<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>

＆＃13;

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

＆＃13;

如何使用responseText？

更新文本字段

Answer 1

您拥有div和input的相同ID，请将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();

}

Answer 2

输入字段不会使用innerHTML，而是必须设置其值。

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

我可能还会提到，如果你想要两个字段（在这种情况下，div和输入字段）具有相同的ID，你应该使用类，因为ID是唯一的，并且应该只在每个页面上出现一次。

Answer 3

尝试将其添加到输入值而不是innerhtml。

试试这个..

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

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

3 个答案: