2014-01-06 52 views
1

我有一个HTML表单类似如下:不打印形式elemnt的Javascript打印功能改变

<div id="print"> 
     <h2>I am header</h2> 
     Name : <input type="text" /> 
     College : B Borooah College 
     <select> 
      <option>Student</option> 
      <option>Staff</option> 
     </select> 
    <div> 
<input type="button" value="PRINT" onclick="PrintContent()" /> 

而一个javascript功能打印内容withing #print

function PrintContent() 
{ 

    var DocumentContainer = document.getElementById('print'); 
    var WindowObject = window.open('', 'PrintWindow', 'width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes'); 


    WindowObject.document.writeln('<!DOCTYPE html>'); 
    WindowObject.document.writeln('<html><head><title></title>'); 
    WindowObject.document.writeln('</head><body>') 

    WindowObject.document.writeln(DocumentContainer.innerHTML); 

    WindowObject.document.writeln('</body></html>'); 

    WindowObject.document.close(); 
    WindowObject.focus(); 
    WindowObject.print(); 
    WindowObject.close(); 
} 

当我点击print按钮,它会打印默认表格,而不是我添加了name字段或更改了select drop down的表格。我怎样才能打印我输入/更改的值?

+0

传球也值形式,并调用'window.print之前预先填写表格()' 。 – Raptor

回答