通過點擊並更改後重新加載更改單元格中的顏色和內容（靜態）

我正在嘗試爲我的工作制作一個狀態概覽站點。我想讓它看起來像一張桌子，點擊單元格後，單元格將在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或其他？

希望你能幫助我。

來源

2015-06-30 Martin Mårtensson

搜索使用本地存儲的指南 – adeneo