使用Jquery输入按键时如何向表中添加行?

时间:2016-09-12 12:41:12

标签: javascript jquery html html-table

我的桌子在这里(不完整,因为他需要大约200行)。此代码用于创建和填充一行:

<table>
  <TR>
    <TH>
      <FORM>
        <input name="designation" type="text" size="12" />
      </FORM>
    </TH> 
    <TH>
      <SELECT size="1" id="ERDF" >
        ...
      </SELECT>
    </TH>
    <TH>                
      <input name="famille" align="justify" type="text" size="12" />
    </TH> 
    <TH>
      <FORM>
        <input name="conditionnement" align="justify" type="text" size="12" />
      </FORM>
    </TH>
    <TH>
      <!-- Tableau dynamique -->
      <!-- APPELER LE CHAMP "total" -->
    </TH>
    <TH>
      <div>
        <input name="date_livraison" class="date_livraison" align="justify" type="date" size="12" />
      </div>
    </TH>
    <TH>
      <TABLE>
        <TH>Nom
          <input name="nom_recep" align="justify" type="name" size="12" />
        </TH>
        <TH>Portable
          <input name="port_recep" align="justify" type="text" size="12" maxlength="10" />
        </TH>
      </TABLE>
    </TH>
    <TH>
      <!-- Tableau fixe -->
      <TABLE>
        <TH>Meilleur prix
          <FORM>
            <input name="meilleur_prix" align="justify" type="text" size="12" />
          </FORM>
        </TH>
        <TH>Fournisseur
          <FORM>
            <input name="fournisseur" align="justify" type="text" size="12" />
          </FORM>
        </TH>
      </TABLE>
    </TH>
  </TR>
</table>

然后,我想在用户使用Entry键时添加一行。为此,我使用它(它的工作):

<script>
        $(document).ready(function() {
            $(window).keydown(function(event){
                if(event.keyCode == 13) {
                    event.preventDefault();
                            $("body").load("C:\wamp\www\plat_web\new_line.php")
                }
                    // return false;
            });
        });
    </script>

所以,我想在用户使用Entry键时添加HTML代码(第一个)。我测试了它,但我有几个标签,有几个没有检测到,因为它们在一个新的线上。如何纠正这个?

1 个答案:

答案 0 :(得分:1)

您可以使用.append()向表中插入新行。

def fileData = new File("/logs/logfile.txt")
Println "The file is :" + fileData.text

但是如果行的html很长并且您想要从文档中复制它,则可以使用.clone()复制行的html并使用.appendTo()将复制的html附加到{{1}的末尾}。

$("tbody").append("<tr>...</tr>");

table
$("tbody > tr:first").clone().appendTo("table");