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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 实现一个年、月、季度联动SELECT的javascript代码

Javascript: 如何用js控制css中的float的代码; Autocomplete Textbox Example javascript实现自动完成成功; FormValid0.5版本发布，带ajax自定义验证例子; wordpress之js库集合研究介绍; 推荐发几个常用控件(新加DHTML控件); 7. Microsoft Online-Crash Control, version 6.0(微软在线崩溃控件); javascript下阻止表单重复提交、防刷新、防后退; javascript下计数器每秒自动加1; 给所有的超级练级都加上onmousemove时间的js代码; js实现运行代码需要刷新的解决方法; 兼容FF/IE跟随鼠标的层的效果; 用javascript获得css中的属性值的代码; 用javascript实现页内搜索的脚本代码; 用javascript 控制表格行的展开和隐藏的代码; 用javascript实现隐藏状态栏的代码; Code:　write(s,d) 输出连续字符串; javascript创建页面蒙板的一些知识技巧总结; 转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K; 用javascript判断输入数据是否货币并自动添加￥符号的代码; js类中获取外部函数名的方法

No. « ‹ 79 80 81 82 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 55 ::

收藏到网摘: n/a

javascript 复选框选择/全选后特效 javascript事件模型代码

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

javascript 复选框选择/全选后特效 javascript事件模型代码

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

评论 (0) All

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