Question

我有一个带SHIFT C，SHIFT A和SHIFT B选项的下拉菜单。我希望SHIFT可以在当前时间自动选择。

选项：

如果时间在12:00 AM-07:59 AM之间，则按Shift-C
如果时间在08:00 AM-03:59 PM之间，则按Shift-A
如果时间在04:00 PM-11:59 PM之间，则按Shift-A

请帮助。

time = new Date(); 
var hh = time.getHours(); 
var mm = time.getMinutes(); 
var ss = time.getSeconds(); 
var times=hh + ":" + mm + ":" + ss; 
var test=$("#myselect option[value=10]"); 

if($("#myselect option[value=10]")==test) { 
  $("#myselect option[value=3]").attr('selected', 'selected'); 
}

Answer 1

这是使用纯Javascript的解决方案

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<select id="shift" value="Shift A">
  <option value="Shift A">Shift A</option>
  <option value="Shift B">Shift B</option>
  <option value="Shift C">Shift C</option>
</select>
  <script>
      var today = new Date();
      var hours = today.getHours();
      var value = hours < 8 ? 'Shift A' : hours < 16 ? 'Shift B' : 'Shift C';
      document.getElementById('shift').value = value;
</script>
</body>
</html>

如何在当前时间的下拉菜单中设置自动选择的选项？

1 个答案: