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

-1

我已经创建了一个使用JavaScript的表格，现在我想编辑每一行当我点击编辑按钮在行末这里是我的代码来创建一个动态表如何使用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)">';

一旦编辑按钮的表格单元用户点击一次每个小区被编辑但是应该改变该值应成为可编辑的。

来源

2015-05-12 user3724559

您尚未复制整个功能内容。 –

你可以让jsFiddle完成你的任务吗？ – Amy

我们可以看到html吗？ – Goose

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

制作行编辑与buttonclick：
```
$("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等每行创建一个类，然后通过该类选择单元格。

来源

2015-05-12 12:30:46

它有连续4个单元格，比如名称，年龄，地址和街道，如果用户想要编辑整行，我在末尾给他提供了一个编辑选项点击编辑按钮，所有这4个单元格变得可编辑，一旦用户编辑并点击页面的任何部分，所有的单元格变为禁用或锁定状态，并保存新值，这就是我正在努力实现的目标 – user3724559

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

回答

相关问题