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

2016-01-29 18:15 19 1 收藏

用js制作完善的日 月组合下拉框.,用js制作完善的日,月组合下拉框.

【 tulaoshi.com - ASP 】

  先建两个下拉选框(单选,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内的选项。

【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】    
 

来源:http://www.tulaoshi.com/n/20160129/1505014.html

延伸阅读
标签: Web开发
HTML HEAD titleAjax实现无刷新三联动下拉框/title meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR" meta content="C#" name="CODE_LANGUAGE" meta content="JavaScript" name="vs_defaultClientScript" meta content="http://schemas.microsoft.com/intellis...
标签: Web开发
代码如下:             function divPosition(){                 var clx,cly;                &...
标签: Web开发
1.此代码适合所有下拉列表取值 2.一个项目所有的下拉列表只需要这一个公用方法; 步骤一:创建实体bean ; 代码如下: public class DictionaryBean { private String value_Id;//下拉框option的id private String value;//下拉框option的值 private String flag;//对应下拉框的值的类型,如flag=1,下拉列表为省份信息,flag=2为市级...
{* 单元说明:      递归清空窗体上 所有文本框,下拉框中的文本。 作者        :     笔名:易  一    英文名:yeeyee E-Mail      :    jane1437@163.com 创建时间:&...
标签: Web开发
代码如下: //==========测试代码=============== head runat="server" title下拉框测试/title script type="text/javascript" src="/js/jquery/jquery-1.3.js"/script script type="text/javascript" $(function(){ var $city= $("#ddlCity"); //填充一些数据 for(var i=1;i=10;i++){ $city.append($("option/").attr("value",i).t...

经验教程

387

收藏

82
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部