javascript - 如何使用 jQuery 重置 html 表单之外的字段值

Question

如何重置 <INPUT>和 <TEXTAREA> jquery 的值 click()如果这些元素不是任何<FORM>的一部分？

Answer 1

您可以使用defaultValue 属性重置值，HTMLTextAreaElement 和HTMLInputElement 都支持该属性，默认值为最初指定的值在创建这些对象的 HTML 中。

$('#reset').on('click', function() {
   $('input, textarea').val(function() {
       return this.defaultValue;
   });
});

如果您只想重置不属于表单元素的输入和文本区域的值，您可以使用 .filter() 方法:

$('#reset').on('click', function() {
   $('input, textarea').filter(function() {
       return !this.form;
   }).val(function() {
       return this.defaultValue;
   });
});

如果 form 属性为 null，则输入/文本区域不是表单元素的后代。

http://jsfiddle.net/E2tbk/