用js制作完善的日，月組合下拉框.

2019-11-18 21:38:04

字體：大中小

來源：轉載

供稿：網友

先建兩個下拉選框(單選,SELECT),分別為select_month和select_day,在select_month被改變時觸發(fā)change_it()函數，(select_month.onchange=change_it;)下面是該函數的源碼:

function change_it() {
　get_select=select_month.selectedIndex;
　select_item_m=select_month.options[get_select].text
　switch(select_item_m) {
　case '2月': MD(28);break;
　case '4月':
　case '6月':
　case '9月':
　case '11月': MD(30);break;
　default: MD(31);break;
　}
}
函數中select_month.options[get_select].text獲得了所選的月份值，switch語句判斷改月的日期數并調用MD();此函數改變select_day中的選項，函數如下：
function MD(days) {
　j=select_day.options.length;
　for(k=0;k<j;k++) select_day.options.remove(0);
　for(i=0;i<days;i++) {
　var day=document.createElement("OPTION");
　select_day.options.add(day);
　day.innerText=i+1;
　}
}
分析該函數：j=select_day.options.length; 　for(k=0;k<j;k++) select_day.options.remove(0); 刪除了select_day中的所有選項，
for(i=0;i<days;i++) {
　var day=document.createElement("OPTION");
　select_day.options.add(day);
　day.innerText=i+1; }
程序段根據傳入的參數days,重置select_day內的選項。

【本文版權歸作者與奧索網共同擁有，如需轉載，請注明作者及出處】

上一篇：WEB頁面實現淡入淡出菜單

下一篇：模仿OSO的論壇（三）