`
bh三少
  • 浏览: 102060 次
  • 性别: Icon_minigender_1
  • 来自: 北海
社区版块
存档分类
最新评论

利用js给select element产生年份

阅读更多
function generateYearFun() {
var now = new Date();
var nowYear = now.getFullYear();
var selectObj = document.getElementById("queryByYear");
var optionObj = document.createElement("option");
optionObj.Value = "0";
optionObj.text = "-----請選擇年份-----";
selectObj.add(optionObj);
for(var i = 0; i <= nowYear - 1970; i++) {
var optionCon = document.createElement("option");
optionCon.Value = nowYear - i;
optionCon.text = nowYear - i;
selectObj.add(optionCon);
}
}

以上方法在IE下有效,但在ff下是无效的,要想兼容IE和ff,就用下面的方法:
function generateYearFun(){
    var now = new Date();
    var nowYear = now.getFullYear();
    var selectObj = document.getElementById("queryByYear");
    selectObj.options.add(new Option("-----請選擇年份-----",0));
    for(var i = 0; i <= nowYear - 1970; i++) {
        selectObj.options.add(new Option(nowYear - i,nowYear - i));
    }
}

先获取当前年份now,再获得select对象selectObj(页面中已存在select元素),然后构造一个option元素作为提示信息,在这个例子中,需要的年份是从1970年到现在的,所以循环遍历现在到1970年这个间隔数,并且每次循环都用当前年份减去循环变量。供新手参考。
0
1
分享到:
评论

相关推荐

    vue日期控件实现可以选择年月或者选择年月日

    在这个场景下,我们可以利用Element UI库,它为Vue.js提供了丰富的UI组件,包括日期选择器(DatePicker)。 Element UI的DatePicker组件提供了多种模式,可以满足我们的需求。首先,我们可以设置`type`属性来指定...

    javascript下拉列表 显示时间

    var selectElement = document.getElementById('dateSelect'); for (var i = 0; i ; i++) { selectElement.innerHTML += datesOptions[i]; } ``` 这段代码会生成指定年份范围内的所有日期,并以正确的格式添加到`...

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

    function fillOptions(selectElement, type) { // 清空现有选项 selectElement.innerHTML = ''; // 根据类型添加选项 if (type === "1") { // 年度 for (var year = new Date().getFullYear(); year &gt;= 2000; ...

    js日历控件的使用

    通过学习和理解`calendar.js`中的代码,你可以了解到如何利用JavaScript动态生成和操纵DOM,以及如何添加事件监听来实现交互。同时,这也是提升JavaScript编程技能的好机会。对于网页开发者来说,掌握这类控件的实现...

    js基础学习 javascript学习资料

    以上是对所给文件内容中的JavaScript知识点进行了详细的解释,涵盖了从基础语法到高级特性的各个方面。通过学习这些知识点,可以帮助初学者更好地理解和掌握JavaScript语言的基础知识及应用技巧。

    很漂亮的js日历

    在本案例中,“很漂亮的js日历”是一个利用JavaScript技术构建的交互式日历组件,旨在增强用户体验,提供美观且功能丰富的日期选择界面。 首先,我们要理解JavaScript日历的基本工作原理。它通常基于DOM(Document ...

    js-107种.txt

    根据提供的文件信息,我们可以梳理出一系列JavaScript相关的知识点。下面将对这些知识点进行详细的解释与扩展。 ### 1. `document.write("");` 输出语句 在JavaScript中,`document.write()` 方法用于向当前文档写...

    JavaScript-js宝典笔学习记.txt

    ### JavaScript-js宝典笔学习记知识点详解 #### 1. 输出语句 `document.write("")` 在JavaScript中,`document.write()` 方法用于将文本、HTML 表达式等直接写入到文档流中。通常用于页面加载时动态生成内容。例如...

    常用javascript语句大全

    ### 常用JavaScript语句详解 #### 1. `document.write("")` 输出语句 在JavaScript中,`document.write()` 方法用于将指定的内容写入正在加载的文档中。这通常用于动态创建网页内容。 #### 2. JS中的注释为`//` 在...

    javascript的日历

    JavaScript日历是一个常见的前端功能,用于在网页上展示日期选择器,它可以帮助用户方便地选取日期,常用于事件安排、预约系统或者数据输入等场景。本文将深入探讨JavaScript实现日历功能的关键知识点,并结合标签...

    js关于日期联动的代码

    在JavaScript编程中,日期联动是一种常见的交互功能,尤其在网页表单或日历应用中,用户选择一个日期后,另一个日期选择器会自动更新以显示相关的日期范围或限制。这种功能提高了用户体验,使得数据输入更加便捷和...

    java script js 函数大全

    ### Java Script (JS) 函数大全:基础知识概览 #### 一、JavaScript 概述与基本函数 在探讨具体的 JavaScript 函数之前,我们先来了解一下 JavaScript 的基础概念及其在网页开发中的作用。JavaScript 是一种轻量级...

    107个常用Javascript语句

    根据提供的文件信息,我们可以归纳出一系列重要的JavaScript知识点。这些知识点涵盖了基本语法、DOM操作、数据类型转换、表单处理以及日期时间操作等关键领域。接下来,我们将对这些知识点进行详细的阐述。 ### 1. ...

    常用JavaScript语法100(超实用)

    - JavaScript 可以在多种环境中运行,包括浏览器端和服务器端(如 Node.js)。 - 浏览器端执行环境包括:`navigator`, `screen`, `history`, `location`, `document` 等对象。 ### 3. 获取和设置元素属性 - 使用 `...

    jQuery自定义月份选择插件

    本教程将详细讲解如何利用jQuery创建一个自定义的月份选择插件,帮助开发者提高用户体验,使得用户能方便快捷地选择日期。 首先,我们需要了解jQuery的基本用法。jQuery的核心特性是其简洁的语法,例如$(selector)....

    elementui实现月、季度、年时间选择框(完整案例及效果图).zip

    在Vue.js框架中,Element UI库是一个非常受欢迎的前端组件库,它提供了丰富的UI组件,大大简化了开发者构建用户界面的工作。在这个特定的案例中,我们关注的是如何使用Element UI来实现月、季度和年的时间选择框。这...

    Javascript的常用语句

    var selectedValue = document.forms[0].selectName.options[document.forms[0].selectName.selectedIndex].value; ``` #### 十六、字符串对象方法 35. **创建字符串对象**:可以使用 `new String()` 来创建字符...

    107个Javascript基础.

    根据给定文件的信息,我们可以提炼出一系列与JavaScript基础相关的知识点,包括语法、DOM操作、数据类型转换、表单处理以及日期时间的操作等。下面将详细解释这些知识点。 ### 1. 使用`document.write("")` `...

    108JAVASCRIPT语句.

    根据给定的信息,我们可以整理出一系列关于JavaScript的重要知识点。这些知识点涵盖了从基本语法到更复杂的对象操作等内容。接下来,我们将对这些知识点进行详细的解释和扩展。 ### 1. 使用 `document.write` 输出...

    107 个常用JavaScript

    根据给定的信息,我们可以整理出一系列关于JavaScript的重要知识点。这些知识点涵盖了从基本语法到文档对象模型(DOM)操作,以及一些常用的内置函数等各个方面。接下来,我们将对这些知识点进行详细的阐述。 ### 1...

Global site tag (gtag.js) - Google Analytics