使用特定选择器使用jquery重置表单

Question

我有一个这样的表格：

<form id='formid'>

<input type='text' name='textname'>
<input type='button' id='resetbutton'>

</form>

现在我想要jquery代码，当单击按钮id=formid时，该代码会使用(id='resetbutton' in id=formid form)提交表单。我希望它也可以在IE7中运行。

感谢您的帮助。

Answer 1

您应该使用原生重置按钮：

<input type="reset" value=" Reset ">

并使用jquery扩展它：

$('#formid').children('input[type="reset"]').click(function() {
//do what you want
};

Answer 2

$("#resetbutton").click(function(){
   $("#formid").submit()
});    

这将在按钮上设置click事件，并在执行时提交表单。

Answer 3

(function () {
    var $formObject = $("#formid").eq(0);

    $("#resetbutton", $formObject.get(0)).click(function (){
          $formObject.submit();
    });
})();