如何在提交表单后清除整个页面,清除以前的文本字段值

Kri*_*ish 16 html javascript forms

我正在使用javascripthtml进行Web应用程序,其中包含一个包含文本字段,按钮的表单.当我在该文本字段中输入数字并通过单击该按钮提交时,将动态生成文本区域.提交表单后,会创建一些文本区域,但如果我对现有文本区域不满意,那么我再次输入一些不刷新页面的值.但是之前输入的文本字段值主要显示页面上现有文本区域下方的新文本区域.

那么,如何在不刷新页面的情况下清除该值.

<div>
    <html>
     <input type="text" name = "numquest" id ="numquest" value="" size="5" style="" disabled>
     <input type="button" value="submit" onclick="getFields();">
</div>
    </html>

    <javascript>
      var num_q=document.getElementById('numquest').value;
     //code for dynamic creation
    </javascript>
Run Code Online (Sandbox Code Playgroud)

Sam*_*Sam 22

您可以将元素的值设置为空白

document.getElementById('elementId').value='';
Run Code Online (Sandbox Code Playgroud)


Mr.*_*r.G 21

试试这个:

如果使用jquery:

$("#myform")[0].reset();
Run Code Online (Sandbox Code Playgroud)

要么

$('#form-id').children('input').val('')
Run Code Online (Sandbox Code Playgroud)

在javascript中

<input type="button" value="Submit" id="btnsubmit" onclick="submitForm()">

function submitForm() {
   // Get the first form with the name
   // Hopefully there is only one, but there are more, select the correct index
   var frm = document.getElementsByName('contact-form')[0];
   frm.submit(); // Submit
   frm.reset();  // Reset
   return false; // Prevent page refresh
}
Run Code Online (Sandbox Code Playgroud)


Vin*_*.AI 5

分配空值:

document.getElementById('numquest').value=null;
Run Code Online (Sandbox Code Playgroud)

或者,如果要清除所有表单字段。只需将表单重置方法称为:

document.forms['form_name'].reset()
Run Code Online (Sandbox Code Playgroud)