javascript - 如何在弹出窗口中获取所有表单元素及其值

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();
});