jquery - 将文本区域的内容复制到 div 并打印页面

Question

我需要将文本区域的内容复制到 div 中，然后打印页面，包括 div 中的新值。

<textarea id="np01" rows="1" autofocus></textarea>

因此，我在文本区域中输入了一些内容。

$("#btnPrint").click(function(){
    givemevars();
    $("#ph1").html(np01);
    window.print();    
});

function givemevars(){
    var np01 = $('#np01').val();
}

问题:

1. 点击#btnPrint div #ph1后不仅有值，还有相关文本区域的背景(#np01 )。我只需要值，即文本。

2. 在打印预览窗口 (window.print()) 中，div #ph1 为空，即内部没有任何新内容。

   <

有什么帮助吗？

Answer 1

当您在函数内使用 var 声明变量时，它仅对于该函数是本地的。相反，您应该从 givemevars() 返回值并使用它:

$("#btnPrint").click(function(){
    var np01 = givemevars(); //now it's local to the click callback function
    $("#ph1").html(np01);
    window.print();
});

function givemevars(){
    // this sends the value back to where this function was called (above)
    return $('#np01').val();
}

另一种方法是在函数外部声明 var，然后仅在函数内部设置/使用它。一般来说，这是一个不好的做法，请尽可能避免使用全局变量。为了完整起见，它的外观如下:

var np01;

$("#btnPrint").click(function(){
    givemevars(); 
    $("#ph1").html(np01);
    window.print();
});

function givemevars(){
    // note the lack of "var", this way it sets an existing variable 
    // instead of creating a new (local) one
    np01 = $('#np01').val();
}