Question

我试图保存整个页面，因为HTML文件包含所有已写入的值到输入中。我试过这个：

$("#content").html();

但它不会从输入中保存值。

$("#content").get(0).outerHTML;
$("#content").prop('outerHTML');

工作相同但仍未保存输入值。我需要保存页面上所有内容的功能。

Answer 1

您需要先设置每个输入值：

$('#content input').each(function() {
    $(this).attr('value', $(this).val());//set up all the input values
});

var html = $('#content').html(); //now from here you can get input values

Answer 2

你可以尝试：

$("html").html();

如果你想捕获hmtl标签，你可以将它们连接到html，如下所示：

function getPageHTML() {
  return "<html>" + $("html").html() + "</html>";
}

您已将输入值保存在某些变量中，例如

 var input=$("#input-id").val()

Answer 3

当用户更改输入时，.value正在更改。 .value不在DOM中，它在JS中。因此，您需要做的是将.value转移到value=，以便能够在字符串中获取它。以下是如何完成它：

$('input').each(function(index, input){input.setAttribute('value', input.value)});

现在尝试获取HTML;）

PS：你也可以在这里修改选择器，而不是获取所有输入（如type="password"）。

获取包含输入值的页面的整个HTML

3 个答案: