处理带有变量的提交按钮的最快方法是什么？答案

【问题标题】：Fastest way to handle a submit button with a variable in it?处理带有变量的提交按钮的最快方法是什么？
【发布时间】：2011-06-19 01:22:59
【问题描述】：

我有一个包含一堆项目的表格。每个项目旁边都有一个“删除”按钮。当按下其中一个按钮时，我需要知道哪个按钮，以便知道要删除哪个项目。

按照我现在的方式，每个按钮都命名为remove-#，其中# 是项目的索引。为了获取# 尽管我必须遍历每个 POST 值，请检查键是否以remove- 开头，如果是，则解析出整数。

有没有比O(n) 更快的方法，其中n 是帖子变量的数量？

并不是说n 太大以至于这将成为一项昂贵的操作，但主要是因为我很好奇。

另外，在我得到任何建议我使用 JavaScript 的答案并在每个按钮上放置一个 onclick 事件以将索引移动到单独的隐藏输入中之前......我正在尝试这样做没有 JavaScript。

【问题讨论】：

所有要发送的元素的名称都可以是remove[]。你可以在服务器端以数组的形式访问它们
@lbu：不。我认为这是 PHP 的事情，无论如何它都不会工作，因为只有一个提交按钮被发送。

标签： python html forms

【解决方案1】：

一种选择是将每个删除按钮放在一个单独的表单中，并带有一个带有常量名称的隐藏值，该值指示要删除的项目。

【讨论】：

但是，我不能，因为页面上还有其他输入需要保留。我需要它来提交所有内容，以便我可以再次将其发回以补充它们。

【解决方案2】：

如果 POST 值存储在 dict 中，您可以将其转过来，而不是寻找看起来像 remove-# 的东西，而是生成所有 remove-# 并尝试使用它们来索引 dict。这会将搜索限制为 O(m)，其中 m 是可以删除的元素数。

【讨论】：

啊哈！聪明的！第一个合法的答案。而且我知道m 的值，所以我可以限制我的搜索空间。

【解决方案3】：

这确实是 Javascript 的领域。但是添加 onclick 并不是一个好方法。使用 HTML5 数据属性和不显眼的监听器。例如，在 JQuery/HTML5 中

<input type='button' class='remove-button' name='remove' data-remove-attr='5'>

$('.remove-button').live("click", function() {
  alert($(this).attr("data-remove-attr")); // Alerts 5.
});

尽管数据是 HTML5 的东西，但它向后兼容旧的 IE 等，因为它们总是允许任意 dom 属性。

编辑：注意这是 O(1) 如果作为你的操作你做了 $('#remove-'+id).hide();

【讨论】：

同样的想法。仍然试图避免JS。坦率地说，我发现使用无效的 HTML 属性比使用 onclick 事件更糟糕。 编辑： 没关系。我不知道 data- 是 HTML 5 的东西。我想这不是 invalid ，但依赖 HTML5 甚至比我的 no-JS 规则还要糟糕。我们不是生活在一个理想的世界里。我试图假设都不 JS 已启用，或者他们的浏览器与 HTML5 兼容。
即使旧版浏览器不兼容 HTML5，它们也允许您在 DOM 中存储任意（非标准）数据 - 就我而言，这一直可以追溯到 IE6找到了..