[编辑]:
真正的问题是能够在表单提交时从数据库中删除项,而不是从HTML表中删除行。请参阅本页的“简单表单处理示例”Tutorial for form submissions in Django.
[/编辑]
下面是一个可以复制到计算机上的.html文件并在web浏览器中打开的示例。它使用简单的JavaScript。对于这种情况,我更喜欢使用jQuery,但根据您的使用情况,它可能比您喜欢的开销更大。但是,如果您需要进行大量的客户端编程,我强烈建议您使用jQuery。在
注意:我觉得用起来有点乱parentNode.parentNode.parentNode,但是这个例子故意使用了一个表/复选框配置,就像在最初的文章中所表达的那样。在
最好,我会将Id分配给与每个复选框相关的表行,这样它们更容易访问。在
我还包括了一个,因为它是在最初的帖子中被要求的。您可能需要考虑将οnclick=事件分配给每个复选框,这样用户在单击项目时就可以删除它们。但这是一种偏好。在
function hideCheckedRows() {
var checkboxes = document.getElementsByName("item");
var checkboxes_to_remove = new Array();
var count = 0;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked == true) {
checkboxes_to_remove[count++] = checkboxes[i];
}
}
for (var i = 0; i < checkboxes_to_remove.length; i++) {
cbx = checkboxes_to_remove[i];
// parentNode.parentNode.parentNode is the
// parentNode.parentNode is the
containing the checkboxcbx.parentNode.parentNode.parentNode.removeChild(
cbx.parentNode.parentNode);
}
}
Id1 | Alt_Id1 | Title1 | Type1 | Format1 | |
Id2 | Alt_Id2 | Title2 | Type2 | Format2 | |
Id3 | Alt_Id3 | Title3 | Type3 | Format3 |
οnclick="hideCheckedRows();"/>
编辑:
如果您希望从数据库中删除该项,我们需要更多信息。我们需要知道使用的是哪种数据库,以及处理submit按钮“POST”的服务器端代码是什么样子的。此示例将从用户的web浏览器中的表中删除复选框,但它不会影响数据库中的任何内容。在