html - 处理一个(可能是分页的)项目列表,比如通过单击切换一个值?

标签 html forms webforms

假设我们正在使用 HTML 表单和 GET/POST 数据,后端语言不可知。 Asker 精通 PHP 和 Python。

例子: 跟踪事件出席情况,有一个用于事件管理的 HTML 页面,其中列出了所有可用人员。 每个名字旁边有一列,其中有一个图形/小部件,代表他们出席事件。 更新列表中人员出勤状态的最佳方式是什么?

我最初想到的一种方法是简单地使用复选框进行出勤。但是,不会发送未选中的框 连同表单数据。底层逻辑必须将出勤状态切换为 FALSE/OFF/Not Attenting for 任何未随表格一起发送的个人 ID。如果列表是分页的,这会中断!

我想到的第二种方法是在每个名称旁边使用图形/按钮。每个人是否合适 按钮是提交按钮?如:允许一个表单元素有多个提交按钮吗?或者应该每个 按钮/人被包裹在它自己的表单元素中?

最佳答案

一个相当简单的修复方法是使用您的复选框方法,但添加几个隐藏的表单元素来存储将要提交的最小/最大值的值。这样一来,您的逻辑就可以将“缺失”复选框处理为“关闭”,而不会破坏不在页面上的每个人。

我不建议在一个表单中包含多个提交元素。如果您想转向另一个方向,您可以考虑在每一行上都有一个链接(文本/图形/按钮),使用 ajax 来切换该行人员的出勤率。这样一来,用户就不必明确地“提交”任何内容。当他们在界面上切换时,更新会在后台发生。

关于html - 处理一个(可能是分页的)项目列表,比如通过单击切换一个值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/768959/

相关文章:

javascript - Vanilla JavaScript 替换元素

php - 使用 HTML 表单将数据插入 MySQL 表

html - 如何在 react 中管理表单内输入字段的颜色?

c# - 尝试查看数据时出现数据库错误

c# - 如何使用 C# MailMessage 检查电子邮件是否已送达

javascript - 对进度条进行逆时针制作

php - 如果添加了更多项目,则使用 foreach 循环

javascript - 如何制作一个自动单击具有特定 rel 属性的 anchor 标记的按钮?

ajax - 使用 jquery-ajax 在多个表单中提交一个表单

jquery - 旧的 jquery 版本自动包含在 asp.net webforms 中