通过单击更改单元格中的颜色和内容（静态）并在重新加载后保持更改

Posted 2023-03-23

技术标签:

【中文标题】通过单击更改单元格中的颜色和内容（静态）并在重新加载后保持更改【英文标题】：Change the color and content in cell (static) by clicking and keep changes after reload 【发布时间】：2015-06-30 16:42:20 【问题描述】：

我正在尝试为我的工作创建一个状态概览网站。我想让它像一个表格，然后单击单元格，然后单元格将在 3 个选项之间更改。我在这里做了一个例子，但我想把所有东西都放在一排。

<table border="1" style="width:100%">
  <tr>
    <th>Name</td>
      <th>Status</td>
  </tr>
  <tr align="center">
    <td>Martin</td>
    <td bgcolor="green">Option 1</td>
  </tr>
  <tr align="center">
    <td>Martin</td>
    <td bgcolor="red">Option 2</td>
  </tr>
  <tr align="center">
    <td>Martin</td>
    <td bgcolor="orange">Option 3</td>
  </tr>
</table>

然后我希望页面保存更改。我需要 SQL 还是可以运行一些 javascript 或其他东西？

希望你能帮助我。

【问题讨论】：

搜索使用本地存储的指南 【参考方案1】：

您可以在不使用任何服务器端数据库的情况下完成此操作。你可以使用 sessionStorage 或 localStorage (html5) 这很容易。看看：

http://zenorocha.com/html5-local-storage/ 或者 http://www.w3schools.com/html/html5_webstorage.asp

如果你自己搞不定，再回来告诉你新的烦恼

【讨论】：

【参考方案2】：

另外，您可以使用 cookie

https://github.com/carhartl/jquery-cookie

设置你的 td 索引和颜色，当页面重新加载时 - 读取所有可用的 cookie