jQuery克隆表行(DATA)

时间:2016-08-02 10:47:53

标签: javascript php jquery html

我有一张表格输入表格。我希望用户能够只输入第一行(主机名,型号,位置,购买,保修字段),然后才能点击克隆第一行'并将它们输入的内容复制到所有后续行中。

如何在jQuery中做到最好?

使用此代码在PHP中生成行,并且所有行都具有唯一ID:

<?php for($t = 1; $t <= 20; $t++){ ?>
        <tr>
            <td><input type="text" name="hostname-<?=$t;?>" class="form-control" id="hostname-<?=$t;?>"></td>
            <td><input type="text" name="asset-tag-<?=$t;?>" class="form-control" id="asset-tag-<?=$t;?>"></td>
            <td><input type="text" name="serial-<?=$t;?>" class="form-control" id="serial-<?=$t;?>"></td>

Table

1 个答案:

答案 0 :(得分:2)

func textFieldShouldReturn(textField: UITextField) -> Bool {
    self.tableView.setContentOffset(self.lastScrollPoint, animated: true)
    return true
}
$("button").on("click", function() {
    var firstRow = $("table").find("tr:first-child"),
        rowsToModify = firstRow.nextAll();
      
    firstRow.find(":input").each(function(idx) {
        rowsToModify.find(":input:eq(" + idx + ")").val(this.value);
    });
});