实现一个年、月、季度联动SELECT的javascript代码

更新时间：2007年07月01日 00:00:00 作者：

<body> <table border=0 height=30px > <tr> <td width=80px> <select onchange="displaySubmenu(this.value)"> <option value="none">请选择报告类型</option> <option value="1,4">月度报告</option> <option value="1,3">季度报告</option> <option value="1,2">半年报告</option> <option value="1">年度报告</option> </select> </td> <td> <select id="submenu_1" name="year" style="display:none;"></select> </td> <td> <select id="submenu_2" name="semiyear" style="display:none;"></select> <select id="submenu_3" name="quarter" style="display:none;"></select> <select id="submenu_4" name="month" style="display:none;"></select> </td> <td> <input id="ok" type="button" onClick='GetValue();' value="取值"> </td> </tr> </table> <script> function GetValue(){     var objlist = document.getElementsByTagName("SELECT");     var tmp = new Array();     var tap = objlist[0].options[objlist[0].selectedIndex].text;     strTmp="";     var j = 1;     for(var i=1;i<objlist.length;i++){         if(objlist[i].style.display!="none"){             strTmp += objlist[i].options[objlist[i].selectedIndex].text + "-";             j++;         }     }     strTmp = strTmp.substring(0,strTmp.length-1);     alert(tap);     alert(strTmp);      } function hideAll(){ for(i=1;i<5;i++){ var select = document.getElementById("submenu_"+i); while(select.options.length>0){ select.options.remove(0); } select.style.display = "none"; } } function initSelect(index){ var select = document.getElementById("submenu_"+index); var now = new Date(); var currentYear = now.getYear(); var month = now.getMonth(); switch(index){ case 1: for(i=-5;i<=5;i++){ var value = currentYear+i; var item = new Option(value,value); select.options.add(item); } select.selectedIndex = 5; select.style.display = "block"; break; case 2: var semiyears = new Array("上半年","下半年"); for(i=0;i<2;i++){ var item = new Option(semiyears[i],i+1); select.add(item); } select.selectedIndex = Math.floor(month/6); select.style.display = "block"; break; case 3: var quarters = new Array("一季度","二季度","三季度","四季度"); for(i=0;i<4;i++){ var item = new Option(quarters[i],i+1); select.add(item); } select.selectedIndex = Math.floor(month/3); select.style.display = "block"; break; case 4: var months = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"); for(i=0;i<12;i++){ var item = new Option(months[i],i+1); select.add(item); } select.selectedIndex = month; select.style.display = "block"; break; default: break; } } function displaySubmenu(command){ hideAll(); if(command != "none"){ var commands = command.split(","); for(l=0;l<commands.length;l++){ initSelect(parseInt(commands[l])); } } } </script> </body>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

实现一个年、月、季度联动SELECT的javascript代码

js禁用和激活input表单的方法
这个功能方便控制input表达的禁用和激活
2008-06-06
javascript select列表内容按字母倒序排序与按列表倒序排列
javascript select列表内容按字母倒序排序与按列表倒序排列...
2007-08-08
javascript select 之间传值效果的代码
javascript select 之间传值效果的代码...
2007-10-10
FormValid0.5版本发布，带ajax自定义验证例子
FormValid0.5版本发布，带ajax自定义验证例子...
2007-08-08
js 获取子节点函数 (兼容FF与IE)
兼容FF与IE的获取子节点的js代码，需要的朋友可以参考下，我们刚不发布的dom操作文章。
2010-04-04
关于文本限制字数的js代码
关于文本限制字数的js代码...
2007-04-04
检测input每次的输入是否合法遇到汉字输入就有问题
检测input每次的输入是否合法遇到汉字输入就有问题，如何判断汉字是否已经输入到input内
2012-05-05
JS实多级联动下拉菜单类，简单实现省市区联动菜单！
JS实多级联动下拉菜单类，简单实现省市区联动菜单！...
2007-05-05
javascript 09年最新版的省市联动
省市联动代码，最新版。
2009-04-04
javascript 单选框，多选框美化代码
javascript checkbox,radio美好效果代码，非常漂亮
2008-08-08

实现一个年、月、季度联动SELECT的javascript代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具