новый вася,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<style>
.n {
font-weight:bold;
font-size:18px;
background:#E19D9D; color: #5E5E5E;
border: 0px;
padding: 10px;
-webkit-appearance: none;appearance: none;-moz-appearance: none;
}
.y {
font-weight:bold;
font-size:18px;
background:#9DE1A0; color: #5E5E5E;
border: 0px;
padding: 10px;
-webkit-appearance: none;appearance: none;-moz-appearance: none;
}
</style>
<table>
<tbody>
<tr>
<td style="width: 5px; text-align: center;">
<select class="n" id="fruit">
<option class="n" value="0">Ожидание</option>
<option class="y" value="1">Отправлен</option>
</select></td>
<td style="width: 50px; text-align: center;">Ячейка №1</td>
<td style="width: 50px; text-align: center;">Ячейка №2</td>
<td style="width: 50px; text-align: center;">Ячейка №3</td>
</tr>
</tbody>
</table>
<script>
document.getElementById("fruit").onchange = function(ter) {
localStorage.setItem('fruit', this.value);
document.getElementById("fruit").className = ["n","y"][this.value];
}
if (localStorage.getItem('fruit') != null) {
document.getElementById("fruit").value = localStorage.getItem('fruit');
document.getElementById("fruit").className = ["n","y"][localStorage.getItem('fruit')];
}
</script>
</body>
</html>