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, равного двум, html по-прежнему будет выглядеть одинаково (с одним значением), но приведенные выше вызовы JQuery вернут два.

JSFiddle, с которым можно поиграть: http://jsfiddle.net/WRKHk/

Я думаю, что это все еще возможно, чтобы получить оригинальное значение, так как мы можем вызвать document.forms["formId"].reset(), чтобы вернуть форму в исходное состояние.

Answer 1

Попробуйте это:

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

Answer 2

Элемент DOM имеет атрибут «значение», к которому вы можете получить доступ:

element.getAttribute('value');

... которое может отличаться от свойства элемента value.

Демо

Обратите внимание, что вы можете позвонить .setAttribute('value', 'new value'), что фактически повлияет на любой form.reset(), который вызывается после.

Answer 3

Элемент ввода получил свойство с именем defaultValue, в котором хранится исходное значение.

Чтобы добраться до него через jQuery, просто используйте .prop():

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

Обновлен jsFiddle - после замены на «два» вышеприведенное вернет «один».

Answer 4

HTML меняется.Просто инструмент просмотра по умолчанию в браузере всегда показывает исходный источник, извлеченный с сервера.Если вы используете что-то вроде Firebug, вы сможете увидеть динамические изменения в HTML.

Один из способов получить начальное значение - сохранить его в дополнительном атрибуте в дополнение к «значению».Например, если вы предоставляете свой HTML-код, например:

<input type="text" name="one" value="one" origvalue="one" id="one" />

Вы всегда можете вернуть исходное значение, вызвав:

$("#one").attr("origvalue");

Answer 5

var initialVal = $('#one').val();
alert(initialVal);
$('#one').live("focusout", function() {
    var attribute = $("#one").attr("value");
    var value = $(this).val();
    var get = $(this).get(0).value;
    alert( "Attribute: " + attribute + "\n\nValue: " + value + "\n\ninit val: " + initialVal +"\n\nGet: " + get );
});

Answer 6

Вы можете попытаться сохранить значение в данных. Например:

$('#one').data('val',$('#one').val());

А потом вы можете легко получить его позже, как это:

console.log($('#one').data('val'));

Answer 7

Save the original_values @ document.ready.

$(function(){
  var original_values = $.map($('form input'), function(input){ return $(input).val() });
})