gpt4 book ai didi

javascript - 通过window.print()方法打印输入框运行时值

转载 作者:行者123 更新时间:2023-11-28 08:51:22 24 4
gpt4 key购买 nike

我有一个使用循环创建的包含多行(记录)的表。在每一行中,我都有一个文本框,我将在其中插入任何值。我想通过 window.print() 方法或任何其他合适的方法打印此表数据,并使用我使用 javascript 插入的文本框值。

我已经尝试了很多,但没有任何效果。

<html>
<head>
<title>Main Page</title>
</head>
<body>
<table cellspacing="0" cellpadding="5" id="tabledata" border="1">
<tbody>
<tr>
<th>Id</th>
<th>Date</th>
<th>Profile Id</th>
<th>Name</th>
<th>Price</th>
</tr>
<tr>
<td>109</td>
<td>01-10-2013</td>
<td>15500</td>
<td>Test Name</td>
<td><input type="text" style="width: 52px;"></td>

</tr>
<tr>
<td>96</td>
<td>01-10-2013</td>
<td>78394</td>
<td>Ram</td>
<td><input type="text" style="width: 52px;"></td>

</tr>
<tr>
<td>71</td>
<td>01-10-2013</td>
<td>85868</td>
<td>Poppy Daisy</td>
<td><input type="text" style="width: 52px;"></td>

</tr>
<tr>
<td>68</td>
<td>01-10-2013</td>
<td>14463</td>
<td>Amy Freddie</td>
<td><input type="text" style="width: 52px;"></td>

</tr>
<tr>
<td>109</td>
<td>01-10-2013</td>
<td>44172</td>
<td>Mohan</td>
<td><input type="text" style="width: 52px;"></td>

</tr>
</tbody>
</table>
</body>
</html>

这是我的表结构的示例格式,但这并未修复,因为我正在从数据库中获取数据。我想打印表中显示的全部数据。

最佳答案

只需添加此样式,您的文本框将在打印时隐藏

<style media="print">
input{display:none;}
</style>

关于javascript - 通过window.print()方法打印输入框运行时值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19111999/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com