Question

我已经使用javascript创建了一个表，现在我想在我点击行末的编辑按钮时编辑每一行这是我创建动态表的代码

function addRow() {
    var firstname = document.getElementById("firstname");
    var lastname = document.getElementById("lastname");
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    row.insertCell(0).innerHTML = firstname.value;
    row.insertCell(1).innerHTML = lastname.value;
    row.insertCell(2).innerHTML = '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">' + '<input type="button" value = "Edit" onClick="Javacsript:editRow(this)">';

用户点击编辑按钮后，每个单元格编辑后，单元格应该可编辑，它应该更改值。

Answer 1

你最好使用jQuery。这将需要几个步骤：

使用以下按钮点击行可编辑：
```
$("yourcell").contentEditable = true;
```

在变更时创建一个钩子：

$("yourcell").change(function(){
    //do a server update
});

使用jQuery post在服务器上发布新数据：

$.post( "insertyourdata.php", function( data ) {
     //let user know the save has been done
});

如果要编辑整行，可以为每行创建一个类，如row142，然后按此类选择单元格。

如何使用Javascript单击编辑按钮编辑表格内容

1 个答案: