Question

编辑：
1。删除了不必要的代码......
2。阐明了所需的解决方案并添加了重置按钮HTML。

我已经看过用于重置表单的各种方法，但是我通过AJAX将内容添加到空白div（id =“unitPulled”）中，因此类似于以下的方法将不起作用：

document.forms[0].reset();

我的目标是在用户点击重置按钮时重置整个表单。

如何解决此问题？是否必须重新加载DOM？

按钮的HTML：

<button id="reset" name="reset" class="btn btn-default" type="reset">Clear</button>

使用Javascript：

/* Below is for auto-updating of initial and number */
var oXmlHttp

function showUnits(str) // Change function name
{
    var url = "ajax.cfm?&lic_plate=" + str // Change URL
    oXmlHttp = GetHttpObject(stateChanged)
    oXmlHttp.open("GET", url, true)
    oXmlHttp.send(null)
}

// Below is where new elements are added:
function stateChanged() {
    if (oXmlHttp.readyState == 4 || oXmlHttp.readyState == "complete") {
       document.getElementById("unitPulled").innerHTML = oXmlHttp.responseText; // Change ID
       document.getElementById("lic_plate").focus();

    }
}

谢谢！

Answer 1

在function stateChanged()

中添加此行

function stateChanged() {
    if (oXmlHttp.readyState == 4 || oXmlHttp.readyState == "complete") {
       document.getElementById("unitPulled").innerHTML = oXmlHttp.responseText; // Change ID
       document.getElementById("myForm").reset(); 
       document.getElementById("lic_plate").focus();
    }
}

请输入您的表单ID而不是myForm。如果这不起作用，请告诉我，因为在ajax调用后将重置表单值。

如何重置新添加的表单输入

1 个答案: