JQuery: Uzyskaj oryginalną wartość wejściową

Question

Czy można uzyskać wartość początkową pola wprowadzania formularza?

Na przykład:

<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" 

Jednakże, jeśli użytkownik następnie zmienił treść wejściowego pola #one do dwóch, html nadal wyglądają tak samo (z jedną jako wartość), ale JQuery połączenia powyżej zwrócą dwa.

JSFiddle grać z: http://jsfiddle.net/WRKHk/

Myślę, że to musi być jeszcze możliwe, aby uzyskać wartość oryginalna, ponieważ jesteśmy w stanie wywołać document.forms["formId"].reset() zresetować formularz do stanu pierwotnego.

Answer 1

Element DOM ma "wartość" atrybutu, który można uzyskać dostęp poprzez:

element.getAttribute('value'); 

... który może być różny od elementu własnościvalue.

Demo

Zauważ, że możesz zadzwonić .setAttribute('value', 'new value') które będą faktycznie narusza form.reset() która jest wywoływana po.

Answer 2

Kod HTML się zmienia. Wystarczy, że domyślne narzędzie wyświetlania widoku przeglądarki zawsze pokazuje oryginalne źródło pobrane z serwera. Jeśli użyjesz czegoś takiego jak Firebug, zobaczysz dynamiczne zmiany w HTML.

Jednym ze sposobów uzyskania wartości początkowej jest zapisanie jej w dodatkowym atrybucie oprócz "wartości". Na przykład, jeśli służyć swój HTML jak:

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

zawsze można wrócić do pierwotnej wartości przez wywołanie:

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

Answer 3

Save the original_values @ document.ready. 

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

Answer 4

można spróbować przechowywania wartości w danych. Na przykład:

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

A potem można łatwo pobrać go później tak:

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

Answer 5

Spróbuj tego:

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

Answer 6

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 7

elementem wejściowym został właściwość o nazwie defaultValue że jest przechowywanie oryginalna wartość.

Aby go osiągnąć poprzez jQuery, wystarczy użyć .prop():

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

Updated jsFiddle - po zmianie na "dwa", powyższe powróci "jeden".