Php 使用javascript后，文本框值从页面和打印窗口中消失？_Php_Javascript_Html

Php 使用javascript后，文本框值从页面和打印窗口中消失？

php javascript html

Php 使用javascript后，文本框值从页面和打印窗口中消失？,php,javascript,html,Php,Javascript,Html,我有一个代码，在点击按钮打印窗口打开后打印所选的div区域，但问题是，当我在文本框中键入内容，然后点击按钮时，文本框值从页面中显示，并且文本框值也没有显示在打印窗口中 <script> function printDiv(divName) { var printContents = document.getElementById(divName).innerHTML; var originalContents = document.body.innerHTML; document.b

我有一个代码，在点击按钮打印窗口打开后打印所选的div区域，但问题是，当我在文本框中键入内容，然后点击按钮时，文本框值从页面中显示，并且文本框值也没有显示在打印窗口中

<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
</script>

<div id="printableArea">
<input type="text" >
</div>
<input type="button" onclick="printDiv('printableArea')" value="print a div!" />


函数printDiv（divName）{
var printContents=document.getElementById（divName）.innerHTML；
var originalContents=document.body.innerHTML；
document.body.innerHTML=打印内容；
window.print（）；
document.body.innerHTML=原始内容；
}

我已更改您的代码以保留文本框值：

<html>
<head>
<script>
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
var text=document.getElementById("t1").value;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
document.getElementById("t1").value=text;
}
</script>
</head>
<body>
<div id="printableArea">
<input type="text" id="t1">
</div>
<input type="button" onclick="printDiv('printableArea')" value="print a div!" /> 
</body>
</html>


函数printDiv（divName）{
var printContents=document.getElementById（divName）.innerHTML；
var originalContents=document.body.innerHTML；
var text=document.getElementById（“t1”）.value；
document.body.innerHTML=打印内容；
window.print（）；
document.body.innerHTML=原始内容；
document.getElementById（“t1”）.value=text；
}

function printDiv(divName) {
    var inpText = document.getElementsByTagName("input")[0].value;
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;
    document.body.innerHTML = printContents;
    document.getElementsByTagName("input")[0].value = inpText;
    window.print();
    document.body.innerHTML = originalContents;
    document.getElementsByTagName("input")[0].value = inpText;
}