如何在弹出窗口中获取带有值的所有Form元素

Question

我有一个功能来获取当前页面的打印。因此，为了准备内容，我首先在一个弹出窗口中显示所有内容，然后再打印弹出窗口然后再打印命令。

尝试使用以下代码执行相同操作。

$('#button').on('click',function() { 
    var popup = window.open("","mypopup","width=500,height=300");
     var html = $("#form").html();
    $(popup.document.body).html(html);
    popup.print();
});

JSFiddle

尝试使用clone（）方法但不能正常工作。

所以问题是，我没有在弹出窗口中获取元素的值。

由于

Answer 1

HI对每个输入字段使用简单的jquery行。

您可以为输入字段添加值属性。

我已经改变了你的脚本了。请参考。

$('#button').on('click',function() { 
    var popup = window.open("","mypopup","width=500,height=300");
// I am setting the value attribute in the html . Do this for all fields
// with similar input fields you can have a jQuery('input').each(); loop
    $('#name').attr('value',$('#name').val());

    var html = $("#form").html();
    $(popup.document.body).html(html);
    popup.print();
}); 

Answer 2

通过ajax调用从表单手动发送数据并将其存储在本地websql（浏览器）存储中，可以在打印预览对话框中重新存储