JQuery:获取原始输入值

Question

是否可以获取表单输入字段的初始值？

例如:

<form action="" id="formId">
    <input type="text" name="one" value="one" id="one" />
</form>

$("#one").attr("value");   //would output "one"
$("#one").val();           //would output "one"
$("#one").get(0).value;    //would output "one"

但是,如果用户随后将#one输入字段的内容更改为2,则html看起来仍然相同(其中一个作为值),但上面的JQuery调用将返回两个.

JSFiddle玩:http://jsfiddle.net/WRKHk/

我认为仍然可以获得原始值,因为我们可以调用document.forms["formId"].reset()将表单重置为其原始状态.

Answer 1

试试这个:

$("#one")[0].defaultValue;

Answer 2

DOM元素具有属性"value",您可以通过以下方式访问该属性:

element.getAttribute('value');

...可能与元素的属性不同 value.

演示

请注意,您可以调用.setAttribute('value', 'new value')哪个实际上会影响form.reset()之后调用的内容.

Answer 3

输入元素得到的属性称为defaultValue存储原始值.

要通过jQuery访问它,只需使用.prop():

var value = $(this).prop("defaultValue");

更新了jsFiddle - 在更改为"two"之后,上面将返回"one".