使用jQuery清除表单字段

我想清除表单中的所有输入和文本区域字段。当使用reset类的输入按钮时，它的工作原理如下:

$(".reset").bind("click", function() {
  $("input[type=text], textarea").val("");
});

这将清除页面上的所有字段，而不仅仅是表单中的字段。我的选择器看起来像什么形式的实际重置按钮生活?

当前回答

当页面包含一个涉及IHttpHandler请求处理(captcha)的web用户控件调用时，以上任何一种方法都不适用。在发送请求(用于图像处理)后，下面的代码不清除表单上的字段(在发送HttpHandler请求之前)，一切都正常工作。

<input type="reset"  value="ClearAllFields" onclick="ClearContact()" />

 <script type="text/javascript">
       function ClearContact() {
           ("form :text").val("");
       }
    </script>

2013-05-09 14:29:03

其他回答

<input type="reset"  value="ClearAllFields" onclick="ClearContact()" />

 <script type="text/javascript">
       function ClearContact() {
           ("form :text").val("");
       }
    </script>

2013-05-09 14:29:03

如果我想清除除accountType以外的所有字段，请使用以下方法

$q(':input','#myform').not('#accountType').val('').removeAttr('checked').removeAttr('selected');

2012-05-29 11:28:07

$(document).ready(function() {
    $('#reset').click(function() {
    $('#compose_form').find("input[type=text] , textarea ").each(function() {
    $(this).val('');
   });
  });
});

2020-08-14 13:32:33

$('form').submit(function() {

    var el = $(this);

    $('<button type="reset" style="display:none; "></button>')
        .appendTo(el)
        .click()
        .remove()
    ;

    return false;

});

2013-04-19 13:04:33

添加隐藏复位按钮如下

<input id="resetBtn" type="reset" value="reset" style="display:none" />
// Call reset buttons click event
// Similar to ClearInputs('resetBtn');
function ClearInputs(btnSelector) {
     var btn = $("#" + btnSelector);
     btn.click();
}

2013-02-05 10:04:52

使用jQuery清除表单字段

推荐文章

最新文章

标签