[分享]获取表单控件原始(初始)值的方法

获取表单控件原始值的方法，通常是用于表单的重置操作或是表单提交前的数据检查。以下是一些常见的方法：1. 通过JavaScript获取表单元素的value属性JavaScript提供了访问文档元素的属性...

获取表单控件原始值的方法，通常是用于表单的重置操作或是表单提交前的数据检查。以下是一些常见的方法：

1. 通过JavaScript获取表单元素的value属性

JavaScript提供了访问文档元素的属性的方法，包括表单元素的value属性。通过获取表单元素的value属性，可以得到该元素的初始值。

示例1：

<form>
  <input type="text" id="myInput" value="original value">
</form>
<script>
  const inputElement = document.getElementById("myInput");
  const originalValue = inputElement.value;
  console.log(originalValue); // 输出 "original value"
</script>

2. 使用jQuery获取表单元素的初始值

jQuery简化了许多JavaScript操作，使得获取表单元素的初始值也变得非常方便。可以使用.val()方法获取表单元素的初始值。

示例2：

<form>
  <input type="text" id="myInput" value="original value">
</form>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  const originalValue = $("#myInput").val();
  console.log(originalValue); // 输出 "original value"
</script>

除了以上两种方法，还可以使用原生的HTML表单元素的.reset() 方法获取表单的初始值。