2016-03-16 11 views
5

Đây là mã của tôi HTML:Nhận trang render sử dụng JS hoặc JQuery

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://code.jquery.com/jquery-1.7.2.js"></script> 
</head> 
<body> 
    <input id="test" value=""> 
    <input type="button" id="btn" value="Get"> 
</body> 
</html> 

Và JS:

$('#btn').click(function(){ 
    alert(document.documentElement.innerHTML); 
}); 

http://jsbin.com/wuveresele/edit?html,js,output

Tôi muốn nhập một số giá trị (ví dụ 123) vào trường nhập, nhấp vào nút và xem "mã html" được hiển thị của trang trong cửa sổ bật lên cảnh báo.

gì tôi thấy:

... 
<input id="test" value=""> 
... 

Những gì tôi muốn xem:

... 
<input id="test" value="123"> 
... 

nó là có thể sử dụng JS hoặc JQuery?

Trả lời

6

Dưới đây là những gì tôi thêm vào JS của bạn

$('#btn').click(function(){ 
    $("#test").attr("value",$("#test").val()); 
    alert(document.documentElement.innerHTML); 
}); 

Những gì tôi đang chủ yếu làm được bằng cách sử dụng jquery attr() function .Công tham số đầu tiên đề cập đến thuộc tính mà bạn muốn thao tác và thuộc tính thứ hai giá trị được là được.

Đây là working demo

+1

Đây là những gì tôi đang tìm kiếm chính xác! Cảm ơn bạn – Vitaly

0

Đây là giải pháp của bạn:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#btn").click(function(){ 
     var value = $("#test").val() 
     alert(value); 
    }); 
}) 
</script> 
<input id="test" value=""> 
<input type="button" id="btn" value="Get"> 
+0

Người dùng muốn dữ liệu hiển thị khi html được in, vì vậy bạn sẽ cần phải sử dụng thứ gì đó để đặt giá trị thuộc tính thành giá trị đầu vào. –

Các vấn đề liên quan