0

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

$(".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>
4

1 回答 1

0

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

于 2013-07-24T23:16:22.110 回答