`
张玉龙
  • 浏览: 737267 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

用JS做一个下拉框,下拉框里的值根据当前年份自动往前和往后添加5年,如当前是2010年,值就为2005~2015

 
阅读更多
<script type="text/javascript">
                         var now = new Date();
                         var year=now.getFullYear()-5;

document.write("<select name='_sName'>");

  
for(var a=1;a<=10;a++){

        document.write("<option>"+year+"</option>");

       year=year+1; 
    
}

       document.write("</select>");
          
</script>

分享到:
评论

相关推荐

    JS年月日三级联动下拉框

    例如,`new Date()`会创建一个包含当前日期和时间的对象,而`new Date(2000, 1, 1)`则表示2000年1月1日。 接下来,我们要实现联动效果,就需要利用事件监听。当用户在年份下拉框中做出选择时,我们需要触发一个事件...

    jQuery全国高校三级联动下拉框.zip

    这个项目是基于jQuery 1.10.2.min.js版本,一个轻量级且强大的JavaScript库,它简化了DOM操作、事件处理和动画制作等任务。 首先,让我们详细了解一下什么是三级联动下拉框。在网页中,当需要用户选择一个层级结构...

    JS年月日三级联动下拉框日期选择代码.zip

    联动通常指的是当用户在一个下拉框中做出选择时,其他关联的下拉框会根据这个选择自动更新其内容。在这个案例中,当用户选择一个年份时,月份的下拉框应该只显示该年份内的月份;同样,当月份选定后,日期下拉框则应...

    JS年月日三级联动下拉框日期选择代码

    在年月日的日期选择器中,"三级联动"意味着当用户在一级(年份)下拉框中选择一个年份后,二级(月份)的下拉框会自动更新为该年份的所有月份;同样,当用户在二级(月份)下拉框中选定一个月份后,三级(日期)的...

    JS实现的年月日三级联动下拉框日期选择效果源码.zip

    "JS实现的年月日三级联动下拉框日期选择效果源码.zip" 提供了一个利用JavaScript实现的年月日三级联动下拉框的解决方案。这种设计允许用户通过下拉菜单分别选择年、月、日,从而简化输入过程,提高用户体验。 首先...

    下拉框年月日3级联动

    例如,当选中一个年份后,根据这个年份计算出可能的月份,并填充到"月"的下拉框中;同样,当月选择完成后,根据年和月计算出可能的天数,填充到"日"的下拉框中。 在提供的文件中,有两个资源:"jQuery年月日三级...

    C# 生成Excel 动态列 创建下拉框 单元格样式定义

    首先,要生成Excel文档,我们需要使用一个库,如EPPlus。EPPlus是.NET Framework和.NET Core平台上的一个开源库,它允许开发者以一种简单、高效的方式操作Excel文件。安装EPPlus库可以通过NuGet包管理器进行。 1. *...

    js实现年周组件

    这可以通过遍历一定范围内的年份(例如,从当前年份往前或往后推20年)来完成。 2. **事件监听**:为年份选择器添加事件监听器,当用户选择新的年份时,更新周数的选择范围。周数的选择范围应基于所选年份的第一天...

    可输入下拉框的源码以及demo (2008)

    drpControl1可能是一个具体的可输入下拉框控件,可能是用某种编程语言(如C#、JavaScript或jQuery)实现的,而WebApplication1则可能是整个Web应用程序的项目文件,包含着页面布局、样式和其他相关组件。 对于...

    js动态下拉时间控件

    动态下拉时间控件是JavaScript在Web交互设计中的一个重要应用,它允许用户以更直观、友好的方式选择日期和时间,提高了用户体验。下面我们将深入探讨这个话题。 首先,我们要了解JavaScript动态下拉时间控件的基本...

    jQuery实现城市选择下拉框单选多选特效源码.zip

    通过jQuery,我们可以实现下拉框的动态加载,即当用户选择一个层级时,下一个层级的选项会自动加载出来,这样既节省页面空间,又提供了良好的用户体验。 实现这个特效的关键技术包括: 1. **事件绑定**:jQuery...

    JS时间级联

    在JavaScript(JS)编程中,时间级联是指创建一个交互式用户界面,通常是一个下拉框,用于选择日期,如年、月、日。这种级联效果使得用户能够逐级选择,先选年份,再选月份,最后选日期,确保所选日期的有效性和一致...

    JS年月日三级联动下拉框日期选择特效代码

    2. 生成年份:根据设定的范围(如过去100年或未来50年)创建一个包含所有年份的数组,然后将每个年份作为`&lt;option&gt;`插入到“年”下拉框。 3. 生成月份:在“月”下拉框中,预设1到12的选项,每个代表一个月。 4. ...

    jQuery多级联动美化版Select下拉框插件.zip

    jQuery是由John Resig于2006年创建的一个JavaScript库,其目标是简化JavaScript的DOM操作、事件处理、动画设计和Ajax交互。jQuery的核心特性包括选择器(Selectors)、链式调用(Chaining)、遍历(Traversing)和...

    javascript实现日期三级联动下拉框选择菜单

    它首先定义了一个数组`MonHead`,存储每个月的天数,然后填充年份、月份的下拉框,并根据当前日期设置默认值。对于日期下拉框,它调用了`writeDay(n)`函数,传入当前月份的天数。 2. `YYYYDD(str)` 函数在年份改变...

    基于jquery实现的select美化自定义下拉框样式.zip

    综上所述,"基于jquery实现的select美化自定义下拉框样式.zip"是一个针对前端开发者的学习资源,它提供了使用jQuery来美化和增强select元素的实例。通过学习和实践,开发者可以提升自己的前端技能,为用户提供更加...

    Java实现年月日三联动

    例如,年份从当前年份的前若干年到后若干年,月份从1到12,日期则根据月份和是否闰年来确定。 2. **事件监听**:使用JavaScript的`addEventListener`为年份和月份的下拉框添加`change`事件监听。当用户改变选择时,...

    JS实现简洁的时间日期控件

    例如,可以创建一个`&lt;div&gt;`作为日期选择器容器,然后在其中添加年、月、日的下拉框,并为每个下拉框设置`onchange`事件,当用户选择新值时,更新日期并刷新显示。 在压缩包中的"原生JS实现简洁的时间日期控件代码...

    jQuery点击选择购买年份月份日期代码

    而`js`目录下的文件可能包含了实现这个功能的jQuery脚本,通常会有一个主JS文件(如`main.js`或`datepicker.js`),其中包含了上述的逻辑代码。 通过理解和学习这个代码,开发者可以将其应用到自己的项目中,或者...

Global site tag (gtag.js) - Google Analytics