0
我想爲我的工作中的員工製作一個（誰在這裏）概述頁面。如何在點擊後保存jquery點擊更改？ （Serverside）
我有這個.click函數現在運行，我給每個人一個ID。
fx。如果我去並點擊改變我的狀態，那麼怎麼可能有人在另一臺電腦上打開瀏覽器，看到我將選項從「工作」更改爲「不工作」？
我讀到，它是maby可能與jQuery Cookie或AJAX做。
這裏是我的代碼：
$('.working').hide();
$('#martin .off-work').show(); //. why do i have only martin tag here?
$('.oversigt').on('click', function(e) {
e.preventDefault();
var t = $(this);
t.hide().siblings('.oversigt').show();
});* {
font-size: 40px;
}
.oversigt {
display: block;
text-decoration: none;
color: #000;
}
.off-work {
background: red;
}
.working {
background: lime
}<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Gardeners</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<table border="1" style="width:100%">
<tr>
<th style="width:50%">Name</th>
<th style="width:50%">Status</th>
</tr>
<tr align="center">
<td>Hanne</td>
<td id="hanne">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Lars</td>
<td id="lars">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Bent</td>
<td id="bent">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Steen-Allan</td>
<td id="sa">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Jacob</td>
<td id="jacob">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Steen Urth</td>
<td id="su">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Elsebeth</td>
<td id="elsebeth">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Pia</td>
<td id="pia">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Dorthe</td>
<td id="dorthe">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Martin</td>
<td id="martin">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
<tr align="center">
<td>Jesper</td>
<td id="jesper">
<a class='oversigt off-work btn' href='d'>Off work</a>
<a class='oversigt working btn' href='#'>Working</a>
</td>
</tr>
</table>
</body>
</html>編輯：（。他只是告訴我怎麼能發送輸入的值） 只見教程https://www.youtube.com/watch?v=-EHbBHm5l4g有關職位，並得到我用這段代碼創建了一個名爲jfunc.js的文件，我創建了一個沒有代碼的store.php文件（還沒有）。
我不明白我可以如何使工作顯示，而不是隱藏。
$('#name') .on('click', function() {
var name = $（'#martin'）.val（）; $ .post（'store.php'，{name：name}，function（data）{
}）; }）;
你的意思是把它保存在服務器端？ –
是的，我不認爲我需要使用像mySQL這樣的數據庫。我只會編輯問題:-) –