时间:2021-05-26
HTML
复制代码 代码如下:
<SELECT NAME="SelTjYear">
</SELECT>
<SELECT NAME="SelTjMonth">
</SELECT>
源码:
复制代码 代码如下:
function vYearMonth(yearObjId, monthObjId) {
var selYear = document.getElementById(yearObjId);
var selMonth = document.getElementById(monthObjId);
var myDate = new Date(); //当前日期
var myYear = myDate.getFullYear(); //当前年
var myMonth = myDate.getMonth() + 1; //当前月
var yearMin = -2; //年份范围值,也当前年比较的差值
var yearMax = 10; //年份范围值,也当前年比较的差值
//Begin年*******************************
selYear.options.add(new Option("", ""));
for (var i = yearMin; i < yearMax; i++) {
var opt = new Option(myYear + i, myYear + i);
selYear.options.add(opt);
}
//这里1-yearMin表示选中当前年,用1是因为开头有插入""
selYear.options.selectedIndex = 1 - yearMin;
//End年*******************************
//Begin月*******************************
selMonth.options.add(new Option("", ""));
for (var i = 0; i < 12; i++) {
var opt = new Option(i + 1, i + 1);
selMonth.options.add(opt);
}
//选中当前月
selMonth.options.selectedIndex = myMonth;
//End月*******************************
selYear.onchange = function () {
if (this.value == "") {
selMonth.selectedIndex = 0;
}
else {
if (selMonth.value == "") {
selMonth.selectedIndex = myMonth;
}
}
};
}
调用:
复制代码 代码如下:
vYearMonth('SelTjYear', 'SelTjMonth');
完整的演示代码:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS简单实现多级Select联动菜单效果代码。分享给大家供大家参考。具体如下:JS联动菜单,简单代码实现JS多级Select联动菜单,也就是大家常
本文实例为大家分享了js实现日期联动选择的相关代码,适用于生日的选择,供大家参考,具体内容如下实现目标:年月日三个select输入框,以及一个hidden的in
本文实例为大家分享了js实现二级联动下拉菜单的具体代码,供大家参考,具体内容如下js代码部分:/**全国二级城市联动js版*/functionDsy(){thi
本文实例讲述了JS简单实现城市二级联动选择插件的方法。分享给大家供大家参考。具体如下:js实现的城市联动选择菜单,网上经常见到,不多介绍了,本款城市选择菜单原型
jQuery1.3.2简单实现select二级联动复制代码代码如下:jQuery二级联动$(document).ready(function(){$("#pro