Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/r/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript打印函数不打印表单元素更改_Javascript_Forms_Printing - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript打印函数不打印表单元素更改

Javascript打印函数不打印表单元素更改

javascript forms printing

Javascript打印函数不打印表单元素更改,javascript,forms,printing,Javascript,Forms,Printing,我有一个类似于以下内容的HTML表单： <div id="print"> <h2>I am header</h2> Name : <input type="text" /> College : B Borooah College <select> <option>Student</option>

我有一个类似于以下内容的HTML表单：

    <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()" />
当我点击
print
按钮时，它会打印默认表单，而不是我添加
名称或更改
选择下拉列表的表单。如何才能打印我输入/更改的值？
如果使用jQuery，这可能会有帮助：




Cheers
还将值传递给表单，并在调用
窗口.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();
}