获取表单控件原始值的方法,通常是用于表单的重置操作或是表单提交前的数据检查。以下是一些常见的方法:
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>
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() 方法获取表单的初始值。