如何使用带有 .reset() 方法的 jQuery 重置表单?
重置使任何东西恢复到原始状态。 JQuery 没有 reset() 方法,但原生 JavaScript 有。因此,我们将 jQuery 元素转换为 JavaScript 对象。
JavaScript reset():reset() 方法重置表单中所有元素的值(与单击“重置”按钮相同)。
- JavaScript 重置按钮的语法:
// type-1
// type-2
// type-3
按钮本身会重置表单,但是,类型 1 和类型 2,重置按钮应该在表单内部,类型 3 可以在外面或里面。
但是重置按钮是一个更好的选择。 (类型 1)
- reset() 的语法:
formObject.reset()
- 将 jQuery 元素转换为 JavaScript 对象的语法。
$(selector)[0].reset()
或者
$(selector).get(0).reset()
如果我们不想将 jQuery 元素转换为 JavaScript 对象,那么我们可以使用trigger() 。
As trigger() method triggers the specified event and the default behavior of an event (like form submission) for the selected elements.
Syntax
例子:
$(selector).trigger(event, eventObj, ...)
输出
jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。