自動檢測時間和更改下拉菜單

Question

當頁面加載時，我希望我的下拉列表根據時間更改值。

例如，如果我在 13:27 打開頁面，它應該在下拉列表中顯示 14:00。

如果我在 10:07 打開頁面，下拉列表中應該顯示 11:00。

這如何在 Javascript/jQuery 中完成。

我看過 get Time/getElementbyID('date').value =Date(); 但無法理解。

我想要的是 Nationalxpress 是如何做到的。 http://www.nationalexpress.com/home.aspx

<select id="leavedrop">
     <option value="" disabled selected>Please Select</option>
        <option>00:00</option>
        <option>01:00</option>
        <option>02:00</option>
        <option>03:00</option>
        <option>04:00</option>
        <option>05:00</option>
        <option>06:00</option>
        <option>07:00</option>
        <option>08:00</option>
        <option>09:00</option>
        <option>10:00</option>
        <option>11:00</option>
        <option>12:00</option>
        <option>13:00</option>
        <option>14:00</option>
        <option>15:00</option>
        <option>16:00</option>
        <option>17:00</option>
        <option>18:00</option>
        <option>19:00</option>
        <option>20:00</option>
        <option>21:00</option>
        <option>22:00</option>
        <option>23:00</option>
</select>  

Answer 1

首先，更新選項標簽以具有值

<option value="" disabled selected>Please Select</option>
<option value="0">00:00</option>
<option value="1">01:00</option>
<option value="2">02:00</option>
...

之后，這里是一個 javascript 代碼來獲取當前時間並相應地選擇選項：

var hourToSelect = new Date().getHours() + 1;
if(hourToSelect === 24) hourToSelect = 0;

$("option[value='" + hourToSelect + "']").attr('selected', 'selected');