小编Abd*_*hid的帖子

我有以下html布局:

Please fill up this form carefully:
<input type="button" onclick="printDiv('print'); return false;" value="Print" />
<div id="print">
  <form action="" method="post">
     <input type="text" name="user_name" value="" />
     <input type="text" name="address" value="" />
     <input type="text" name="date" value="14-06-2015" />
     <input type="submit" value="SUBMIT" />
  </form>
</div>

和该HTML页面的head部分中的printDiv('print')函数:

function printDiv(divName) {
  var printContents = document.getElementById(divName).innerHTML;
  var originalContents = document.body.innerHTML;
  document.body.innerHTML = printContents;
  window.print();
  document.body.innerHTML = originalContents;
}

但是在填充后打印表单时,它不会显示用户在输入框中输入的输入字段的文本.但是相同表格的输入字段的预定义文本(这里是日期字段)照常打印.

如何重写javascript函数以便打印输入字段的文本aslo？

我有以下表格布局：

<table border="1" id="staff">
  <tr><th>S/N</th><th>Company</th><th>Contact</th><th>Country</th></tr>
  <tr id="1"><td>1</td><td>Futter</td><td>Anders</td<td>Germany</td></tr>
  <tr id="2"><td>2</td><td>Berglunds</td><td>Christina</td<td>Sweden</td></tr>
  <tr id="5"><td>3</td><td>Centro</td><td>Francisco</td<td>Mexico</td></tr>
  <tr id="8"><td>4</td><td>Handel</td><td>Roland</td<td>Austria</td></tr>     
</table>

现在，按下删除按钮后，一个jQuery函数将tr id张贴到正在处理的php页面，并且在成功完成php＆mysqli删除操作之后，正在处理的php页面将回调消息发送到表页面。然后，jQuery函数从html表中删除相应的行：

$("body").on("click",".del",function(event){
   event.preventDefault();
   var table= 'staff';
   var id = $(this).closest('tr').attr('id'); 
       $.post(url,
        {
         table: tbl,
         trid: id,
        },function(data){
          var callback_msg = data.return_msg;
          if(callback_msg=='delete'){
            $('#'+id).remove();
          }
       });
});

因此，如果用户希望删除具有tr id 5的第三行，则删除该行后，S / N列将保持不变，如下所示：

<table border="1" id="staff">
  <tr><th>S/N</th><th>Company</th><th>Contact</th><th>Country</th></tr>
  <tr id="1"><td>1</td><td>Futter</td><td>Anders</td<td>Germany</td></tr>
  <tr id="2"><td>2</td><td>Berglunds</td><td>Christina</td<td>Sweden</td></tr>
  <tr id="8"><td>4</td><td>Handel</td><td>Roland</td<td>Austria</td></tr>     
</table>

您可以看到序列号列现在是1,2,4（因为序列号3已删除）。

如何在我的jquery代码中包含一个函数，以便在删除后将其重新排序为1,2,3（即，最后一行的序列号将变为3）？

[注意：删除可能在中间行。因此.last（）选择器在这种情况下可能无法使用]

我有以下html表格布局:

<table border="1" id="staff">
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr id="1">
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr id="2">
    <td>Berglunds snabbköp</td>
    <td>Christina Berglund</td>
    <td>Sweden</td>
  </tr>
  <tr id="5">
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr id="8">
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr id="9">
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr id="12">
    <td>Königlich Essen</td>
    <td>Philip Cramer</td>
    <td>Germany</td>
  </tr>
  <tr id="13">
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
 <tr id="15">
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
  <tr id="16">
    <td>North/South</td>
    <td>Simon …