如何以编程方式重置表单?

时间:2012-09-07 07:02:59

标签: jquery html html5

我想在JQuery点击事件功能中重置一个表单。怎么做?

5 个答案:

答案 0 :(得分:13)

最简单:$("form-selector-here")[0].reset()但也请看:Resetting a multi-stage form with jQuery

请注意,jQuery根本不需要,因为$(selector)[0]获取原始DOM元素。你也可以说document.getElementById("myFormId").reset()

​$("#btn1").click(function(){
    $("#form1")[0].reset();

    // OR
    document.getElementById("form1").reset();
});​​​

答案 1 :(得分:1)

这应该有效:

$("#formid")[0].reset();

答案 2 :(得分:1)

试试这个

$('#FormID').each (function(){
this.reset();
});

答案 3 :(得分:0)

你可以这样做:

$(function(){
    $('#resetForm').click(function(){
        $('form input[type=text]').val('');});
});

jsfiddle

答案 4 :(得分:0)

在表单的末尾添加:

<div style="display='none';" ><input type="reset" id="rst_form"></div>

试试这个:

$('#rst_form').click()