HTML 文件在打印或导出时丢失输入值

Posted 2023-03-29

【中文标题】HTML 文件在打印或导出时丢失输入值

【英文标题】：HTML File Loses Input Values when Printed or Exported

【发布时间】：2018-08-23 13:26:30

【问题描述】：

html 和 JS 新手，如果我是愚蠢的，请原谅（并告诉我）...

我有一个表格，我使用 html 和 JS 在 OBIEE 上创建了一个部分完成的表格，带有下拉菜单和用户输入框，供员工填写剩余的详细信息。

我最初遇到的问题是，当表单被打印或导出到 .mht 文件发送给我们时，之前输入的数据消失了，这不是什么大问题，因为解决方法是只导出第一页，然后完成它。

不过，我现在对表单进行了一些更新，并开始使用 JS - 只是将今天的日期格式化为 DD/MM/YYYY 格式，没什么好聪明的。问题在于，当文件再次导出/打印到 .mht 时，我丢失了输入框的内容

所以我的问题是，有没有人知道当表单打印/导出为 .mht 时，我如何确保输入框的内容保留？

【参考方案1】：

经过反复试验，我终于找到了答案。最后，我最终改变了处理这种情况的方式，并将输入框中的值替换为文本值，方法是将输入存储到变量中，然后输入变量。看起来有点像这样；

html:

    <input class="simpleCart_input" id="DateAuthorised" type="date" maxlength = "10" style="text-align: center"></span>
<input type="button" value="Submit" onclick="result()">

JS：

function result()

//replace dynamic date with dynamic date value
var data = $("#DateAuthorised").val();
$("#DateAuthorised").replaceWith('<span id="changedText">'+data+'</span>')