我很难找到一种能够编辑表格中特定行的方法。到目前为止,我设法添加,删除和搜索存储在我的数据库中的特定项目,我将删除基于id字段。目前我正在使用PHP和HTML,有人可以给我看一个简单的例子,它从存储在表中的数据库中以及当用户选择编辑时检索数据。已选择进行编辑的行可编辑,然后在不复制数据的情况下进行更新。
澄清我的问题
对于编辑工作,UI必须看起来像,当点击对应于特定行的编辑按钮时,带有数据的所有列应该被替换为文本框,即逐行编辑表单......
谢谢
答案 0 :(得分:1)
这是一个非常模糊的问题,涉及很多事情。不是,只是php
,mysql
或html
,但主要是javascript
。但是,我将举一个简单的例子,因为您必须已经能够将数据放到表格上。
假设您的<tr>
结构与此类似
<tr>
<td class="nameField"><span class="text">My name</span></td>
<td class="controls"><a class="edit">Edit</a></td>
</tr>
现在使用jQuery
$('a.edit').click(function() {
$(this).closest("tr").find("td").not(".controls").each(function(k,v) {
// ^ find all td but not the one with the controls
var span = $(this).children('span');
//get the elem holding the value
$(this).append('<input type="text" value="'+span.text()+'" />');
// Add a text box with the input inside the td
span.hide();
});
});
答案 1 :(得分:0)