JQuery: Nhận giá trị nhập ban đầu

Question

Có thể lấy giá trị ban đầu của trường nhập biểu mẫu không?

Ví dụ:

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

Tuy nhiên, nếu người dùng sau đó thay đổi nội dung của các lĩnh vực đầu vào #one hai, html sẽ vẫn giống nhau (với một là giá trị) nhưng JQuery các cuộc gọi ở trên sẽ trả về hai.

JSFiddle để chơi với: http://jsfiddle.net/WRKHk/

Tôi nghĩ rằng điều này vẫn phải có khả năng nhận được giá trị ban đầu, kể từ khi chúng tôi có thể gọi document.forms["formId"].reset() để thiết lập lại các hình thức trạng thái ban đầu.

Answer 1

Yếu tố DOM có thuộc tính "giá trị" mà bạn có thể truy cập bằng cách:

element.getAttribute('value'); 

... mà có thể khác nhau từ những yếu tố tài sảnvalue.

Demo

Lưu ý rằng bạn có thể gọi .setAttribute('value', 'new value') mà thực sự sẽ ảnh hưởng đến bất kỳ form.reset() đó được gọi là sau.

Answer 2

HTML thay đổi. Chỉ cần công cụ nguồn xem mặc định của trình duyệt luôn hiển thị cho bạn nguồn gốc được tìm nạp từ máy chủ. Nếu bạn sử dụng một cái gì đó như Firebug, bạn sẽ có thể thấy những thay đổi động trong HTML.

Một cách để nhận giá trị ban đầu là lưu trữ nó trong một thuộc tính bổ sung ngoài 'giá trị'. Ví dụ, nếu bạn phục vụ ra HTML của bạn như:

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

Bạn luôn có thể lấy lại giá trị ban đầu bằng cách gọi:

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

Bạn có thể thử lưu trữ các giá trị trong dữ liệu. Ví dụ:

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

Và sau đó bạn có thể dễ dàng lấy nó sau này như thế này:

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

Answer 5

Hãy thử điều này:

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

yếu tố đầu vào đã sở hữu được gọi là defaultValue được lưu trữ giá trị ban đầu.

Để đạt được nó thông qua jQuery, chỉ cần sử dụng .prop():

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

Updated jsFiddle - sau khi thay đổi để "hai", ở trên sẽ trở lại "một".