php - html下拉24小时进出问题

Question

我有两个下拉菜单，一个用于打卡，一个用于打卡。他们都是 24 小时制，所以他们有 0-23 的选项。有没有一种方法可以使用 javascript 和 php 使输出下拉列表开始的数字大于下拉列表中选择的数字？

这些都是代码块，不介意表格标签的打开和关闭

   <td>Start Time</td>
    <td>
        <select name="hourIn" id="hourIn">
            <option value="" selected></option>
        <? for ($hour=0; $hour <= 23; $hour++): ?>

            <option value="<?=$hour?>"><?=$hour?></option>
        <? endfor ; ?>
        </select>   
   <td>End Time</td>
    <td>
        <select name="hourOut" id="hourOut">
            <option value="" selected></option>
        <? for ($hour=0; $hour <= 23; $hour++): ?>

            <option value="<?=$hour?>"><?=$hour?></option>

        <? endfor ; ?>
        </select> 

Answer 1

是的。如果您使用 jQuery , 只需做这样的事情:

$('#punchout').val($('#punchin').val()+1);

当然，当 punchin 值等于 23 时，您需要做一些不同的事情(mod 24 应该这样做)。您也可能使用不同的格式。实现特定解决方案是我留给您的事情，因为您没有为我们提供足够的信息来做任何其他事情。