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

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 调用后重置。