要给出一个包含保存按钮的表格代码示例,可以使用HTML和JavaScript来实现。以下是一个简单的示例:
HTML代码:
Name
Email
Action
John Doe
johndoe@example.com
Jane Smith
janesmith@example.com
JavaScript代码:
function saveRow(button) {
var row = button.parentNode.parentNode; // 获取当前行
var cells = row.getElementsByTagName("td"); // 获取当前行的所有单元格
// 遍历单元格,获取输入的值
var values = [];
for (var i = 0; i < cells.length - 1; i++) {
values.push(cells[i].innerHTML);
}
// 执行保存操作,这里可以发送AJAX请求将数据保存到服务器
console.log("Save values: " + values);
}
在这个示例中,我们创建了一个简单的表格,其中包含两行数据和一个保存按钮。当点击保存按钮时,saveRow
函数会被调用。该函数首先获取当前行和所有单元格的引用,然后遍历单元格,获取输入的值。最后,可以在saveRow
函数中执行保存操作,例如发送AJAX请求将数据保存到服务器。
请注意,这只是一个简单的示例,实际的保存过程可能需要根据具体需求进行修改和扩展。