在網頁開發的過程中,經常會用到select控件來實現下拉菜單選擇的功能。而當需要選擇時間時,我們可以通過jquery設置select選擇時間。
$(document).ready(function(){ for(var h=0;h<24;h++){ for(var m=0;m<60;m++){ var option = $("<option>"); if(h<10){ option.html("0"+h+":"); }else{ option.html(h+":"); } if(m<10){ option.html(option.html()+"0"+m); }else{ option.html(option.html()+m); } $("#time_select").append(option); } } });
以上代碼是設置select選擇時間的邏輯。首先我們通過for循環生成24小時和60分鐘的選擇項option,并通過html()方法將選項的內容設置好。然后通過append()方法將生成的option添加到id為time_select的select控件中。
下面是具體實現:
<select id="time_select"></select>
我們在頁面上放置一個id為time_select的select控件,然后將以上代碼放置在script標簽中,即可完成設置select選擇時間的功能。
通過以上方法可以快速實現選擇時間的功能,提高了用戶體驗和網頁的交互性。
下一篇div 有間隙