JQuery：元の入力値を取得

Question

フォーム入力フィールドの初期値を取得できますか？

たとえば：ユーザが2つに#one入力フィールドの内容を変更した場合

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

しかし、HTMLは依然として（値として一つと）同じように見えるだろうが、jQueryの上記の呼び出しは2を返します。一緒にプレイする

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

私たちは元の状態にフォームをリセットするdocument.forms["formId"].reset()を呼び出すことができますので、これはまだ、orginal値を取得することが可能でなければならないと思います。

element.getAttribute('value'); 

...要素のプロパティvalueから異なっていてもよい：

Answer 1

DOM要素は、あなたがしてアクセスすることができます属性「値」を持っています。

Demo

あなたが実際に後に呼び出される任意のform.reset()に影響を与えるであろう.setAttribute('value', 'new value')を呼び出すことに注意してください。

Answer 2

HTMLが変更されます。ブラウザーのデフォルトのビューソースツールでは、サーバーからフェッチされた元のソースが常に表示されます。 Firebugのようなものを使うと、HTMLの動的な変化を見ることができます。

初期値を取得する方法の1つは、「値」に加えて追加の属性に格納することです。たとえば、あなたがHTMLのように出て役立つ場合：

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

をいつでも呼び出すことによって、元の値を取り戻すことができます。

$("#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

あなたはデータの値を格納してみてください可能性があります。たとえば、次のように

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

そして、あなたは簡単にこのように、後でそれを取得することができます：

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

Answer 5

はこれを試してみてください：

$("#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

入力要素が保存されてdefaultValueというプロパティを持って元の値。

だけ.prop()を使用し、jQueryの経由で到達するために：

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

Updated jsFiddle - に "2" に変化した後、上記の "1" を返します。