js清空form表单中的内容示例

下面是详细讲解 "js清空form表单中的内容示例" 的完整攻略。

1. 使用原生 JavaScript 清空表单的内容

使用原生 JavaScript 可以很轻松地清空表单的内容。下面是清空一个 id 为 "form1" 的表单中所有的输入框的值：

document.getElementById("form1").reset();

上述代码使用了表单对象的 reset() 方法，该方法会将表单中所有文本框、下拉列表、单选/多选框等表单元素的值重置为空字符串。

如果你只想清空特定的表单元素，而不是整个表单，可以使用以下代码：

document.getElementById("input1").value = "";

上述代码将 id 为 "input1" 的文本框的值设置为空字符串。

2. 使用 jQuery 清空表单的内容

如果你在项目中使用了 jQuery，那么可以使用以下代码清空表单的内容：

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

或者，可以使用以下代码清空特定的表单元素：

$("#input1").val("");

上述代码会将 id 为 "input1" 的文本框的值设置为空字符串。

注意，使用 jQuery 需要先引入 jQuery 库。

以上就是 "js清空form表单中的内容示例" 的完整攻略及两条示例说明。希望能对你有所帮助。