首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何按当前小时设置下拉菜单的默认选择?

要按当前小时设置下拉菜单的默认选择,可以使用JavaScript来实现。以下是一个示例代码:

代码语言:txt
复制
<select id="hourSelect">
  <option value="0">00:00</option>
  <option value="1">01:00</option>
  <option value="2">02:00</option>
  <!-- 其他小时选项 -->
  <option value="23">23:00</option>
</select>

<script>
  // 获取当前小时
  var currentHour = new Date().getHours();

  // 设置下拉菜单的默认选择
  document.getElementById("hourSelect").value = currentHour;
</script>

这段代码首先创建了一个下拉菜单(使用<select><option>标签),其中每个选项的value属性表示对应的小时数。然后,通过JavaScript获取当前的小时数(使用new Date().getHours()),并将其赋值给下拉菜单的value属性,从而设置默认选择。

这样,当页面加载完成时,下拉菜单会自动选择当前的小时数作为默认选项。

请注意,这只是一个示例代码,你可以根据实际需求进行修改和扩展。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券