【发布时间】:2022-01-27 01:09:55
【问题描述】:
当select 选项更改时,我将背景颜色更改应用于td 元素。在页面刷新时保持 td 的背景颜色最简单的解决方案是什么?
我的第一个想法是在我的 sql 表中添加一个位字段并在页面加载时关闭它的值,但我欢迎其他解决方案。
这里是代码
$(document).ready(function(){
$('#selector').on('change', function(){
if($('#selector').val() == 'on'){
$('#immat').css({'background': 'lime'})
}else{
$('#immat').css({'background': 'white'})
}
})
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td>GLEX</td>
<td id="immat">MTEST</td>
<td>ABC123</td>
<td> <SELECT id="selector">
<option selected disabled> </option>
<option value="on">on board </option>
<option value="off">not on board </option>
</SELECT></td>
</tr>
</table>
【问题讨论】:
-
保持页面刷新最简单的方法可能是将其存储在客户端的会话存储中并完全跳过 PHP。
-
归结为需求。是否仅适用于当前用户?它应该只在当前会话期间保存还是在用户会话之间持久保存?
-
它不适合一个用户。其他避免php和sql的方法?当颜色改变时,每个人都必须看到它