我有一个mysql表。我已经创建了一个html表,并使用php和sql用mysql表中的数据填充它。然后,我希望能够单击每行数据旁边的复选框,然后单击编辑,并能够编辑所有来自网页的数据。
我用来构建html表并用mysql数据填充的代码:
$result = mysql_query("SELECT * FROM table");
if (mysql_num_rows($result)>0){
$r = mysql_fetch_array($result,MYSQL_ASSOC);
$table="<table><tr style='background:#cccccc;'>";
$firstLine="<tr>";
foreach ($r as $k => $v){
$table .="<td style='border:1px #ffffff solid;'>".$k."</td>";
$firstLine .="<td>".$v."</td>";
}
$table.="</tr>".$firstLine."</tr>";
while($r = mysql_fetch_array($result,MYSQL_ASSOC)){
$table.="<tr>";
foreach($r as $k => $v)
$table.="<td>".$v."</td>";
$table.="</tr>";
}
$table .="</table>";
echo $table;
}
有人能帮我提供任何帮助我实现这一目标的指导吗?
将每一条可以更改的数据放入一个文本输入中,而不仅仅是文本,其中包含来自数据库的value属性和可以识别它的名称。这样,您就可以选中文本输入旁边的框并对其进行更改。当数据发送到服务器时,只要选中复选框,数据库中就会发生更改。
使用您的代码
while($r = mysql_fetch_array($result,MYSQL_ASSOC)){
$table.="<tr>";
foreach($r as $k => $v) {
$table.="<td>".$v."</td>";
} //Dont ever leave this undone, someday you will be very upset
$table.="<td><span id='{$r["uid"]}'class='uiButtonDelete'></span></td></tr>";
}
现在使用jQuery执行删除操作。
$(function() {
$(".uiButtonDelete").click(function() {
$.post(myDeleteScript, {id: $(this).attr("id")})
$(this).parents("tr").fadeOut(200)
})
})