javascript - 使用用户填写的信息/数据打印 HTML 表单

Question

我有 HTML 表单，我想打印带有用户填写信息/内容的 HTML 表单。

jQuery 或 JavaScript 中是否存在任何方法来获取具有用户填充值的 HTML 表单并打印它？

这是我尝试过的

$(form).html()但它只返回空表单
$(document).find("form").html()，它也返回空表单的html。

注意：我不是在这里谈论序列化功能。我不想提交表单，但想通过设置输入将表单转换为可打印版本，选择背景透明。

Answer 1

您可以使用

$('form').find('input').each(function( key, value ) {
    console.log(value);
});

并为POST或类似的东西准备好数据，请使用此

$('form').serialize();

Answer 2

我想我得到了你的问题。您真正想要的是打印 HTML 表单，但它应该包含用户输入。

首先，您可以使用“window.print()”方法。如果您只想打印表单，那么您应该使用一些 CSS 技巧。

我想，您正在寻找的内容已在以下 SO 问题中得到解答。请检查。

1. 包含用户输入的 Javascript 打印 Web 表单
2. 如何仅打印选定的 HTML 元素？

如果您仍然无法完成您的解决方案，请告诉我。让我看看我能如何帮助你。祝你好运。