用户输入后更改 div 服务器端的类

Posted 2023-02-24

【中文标题】用户输入后更改 div 服务器端的类

【英文标题】：change class of div server-side after user input

【发布时间】：2013-05-29 19:28:03

【问题描述】：

我正在做一个项目，用户可以选择一个大领域的正方形并“预订”它们。 网格只是一个 html 表，每个表都有一个唯一的 id (1,2,3...)。 类似于这个例子：http://jsfiddle.net/MvFx9/ $ 现在，在他们提交了一个简单的表格后，选中的方块会变成黄色。我使用 javascript 执行此操作，通过其 id 搜索所有元素并更改它们的类。而且效果很好。

我现在要做的是更改每个所选元素服务器端的类。这样当新用户加载页面时，他会看到黄色方块，这些方块已经被其他用户预订了。

但我不知道该怎么做，我想用 javascript 不可能，所以我用 php 尝试了它。是否有等效的 getelementbyid 函数以及如何更改每个元素的类？

请给我建议，谢谢。

【问题讨论】：

你是如何生成你的表的？

我用 javascript 生成它，然后将它复制粘贴到我的 index.php 文件中。所以它现在是硬编码的。

【参考方案1】：

在某种程度上，您需要保存哪些方格已被其他人预订

总体思路：

1) 每当用户点击一个正方形时，您都会将 id 保存在数据库中的一个表中。您可以使用表单（它将重新加载页面），或者如果您希望它更简洁，您可以执行 AJAX 调用。

2) 显示页面时，获取已保存的id，并为它们动态设置“already_booked”类。

【参考方案2】：

您需要一个数据库来了解哪些位置已被预订。其他任何事情都会花费您很长时间，而且效率不会那么高。

【参考方案3】：

DOMDocument::getElementById('element_id')

使用 PHP DOMDocument 类来做到这一点。

http://php.net/manual/en/domdocument.getelementbyid.php

编辑：没有完整阅读问题。

http://docs.php.net/manual/en/domelement.setattribute.php

setAttribute("class", "already_booked");