如何动态打印出加载到文本框中的页面？

Question

我有一个写入数据库的模糊函数

$(".thoughts_box").blur(function(){
            var box_id= $(this).attr("id").split("_")[$(this).attr("id").split("_").length-1];
    writeListValue(1,box_id,$(this).val());     
});

这是我的桌子

<td><input class="printArea_1 thoughts_box" name="activities_thoughts_1" id="activities_thoughts_1" type="text" style="width:345px;" placeholder="Type or click list button &gt;" /></td>
    <td><input type="button" id="thoughts_1"  class="list_btn ext_thoughts" value="List &gt;" name="_1" /></td>
</tr>

这是我打印出来的方式

function print_list() {
$('input[id=printLoad_1]').val($('input[class=printArea_1]').val());
$('input[id=printLoad_2]').val($('input[class=printArea_2]').val());
$('input[id=printLoad_3]').val($('input[class=printArea_3]').val());
$('input[id=printLoad_4]').val($('input[class=printArea_4]').val());
$('input[id=printLoad_5]').val($('input[class=printArea_5]').val());
for( var i=1; i<=5; i++ ) {
  if( document.getElementById('printLoad_'+i).value === '' ) {
      document.getElementById('num_'+i).style.display = 'none';
  }
}
    $(".printing_list").printElement(
        {
        overrideElementCSS:[
            '/css/print_fixer.css',
            { href:'/css/print_fixer.css',media:'print'}],
        //leaveOpen:true,
        //printMode:'popup',

        });
}

这是打印出来的页面，我需要找到一种方法来动态打印出用户在文本字段中输入的内容。 有人可以帮我吗？

    <div class="printing_list" id="printList" >
      <img id="print_logo" src="/images/print_header_med.png">
  <div align="left" id="printHead_text"></div>
      <br />
  <div align="left" class="listPrint_info" style="width:700px;"></div>
      <br /><br />          

    <table  width="100%" style="line-height:0px; margin-left:20px;" >
        <tr id="num_1">
            <td><input id="printLoad_1" type="text" style="width:700px;" />
    </td>
        </tr>
        <tr id="num_2">
            <td><input id="printLoad_2" type="text" style="width:700px;" />
     </td>
        </tr>
        <tr id="num_3">
            <td><input id="printLoad_3" type="text" style="width:700px;" />
       </td>
        </tr>
        <tr id="num_4">
            <td><input id="printLoad_4" type="text" style="width:700px;" />
        </td>
        </tr>
        <tr id="num_5">
            <td><input id="printLoad_5" type="text" style="width:700px;" />
         </td>

         </table>
         </div>

Answer 1

Elclanrs有正确的想法。 您编写的代码不可维护。 尝试这样的事情：

// My print_list function assumes that I have some textboxes that are class
// textboxClass
function print_list() {
    Array.filter( document.getElementsByClassName('textboxClass'), function(elem){
        $(".printing_list").printElement( elem );
    });
}

如果将类textboxClass分配给所有文本框，则将遍历每个文本框，并且您可以执行任何操作。