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类分配给你的所有文本框，这将循环遍历每个文本框，你可以做任何你想做的事。

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

1 个答案: