用js制作完善的日,月组合下拉框.
2000-12-27 10:15:09 来源:WEB开发网核心提示:先建两个下拉选框(单选,SELECT),分别为select_month和select_day,在select_month被改变时触发change_it()函数,(select_month.onchange=change_it;)下面是该函数的源码: function change_it() { get_select=s
先建两个下拉选框(单选,SELECT),分别为select_month和select_day,在select_month被改变时触发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内的选项。
【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】
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内的选项。
【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】
更多精彩
赞助商链接