<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <script src="js/jquery-1.7.2.min.js"></script>

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:DropDownList ID="dr_year" runat="server"></asp:DropDownList>年

        <asp:DropDownList ID="dr_month" runat="server"></asp:DropDownList>月

        <asp:DropDownList ID="dr_day" runat="server"></asp:DropDownList>日

    </div>

    </form>

</body>

</html>

<script>

    var days = ;

    years();

    months();

    Days();

    var date = new Date();

    $("#dr_year").val(date.getFullYear());

    $("#dr_month").val((date.getMonth() + ));

    $("#dr_day").val(date.getDate());

    $("#dr_year").change(function () {

        months();

        Days();

    });

    $("#dr_month").change(function () {

        Days();

    });

    function years()

    {

        for(var i=;i<=;i++)

        {

            var str = "<option value=\"" + i + "\">" + i+ "</option>";

            $("#dr_year").append(str);

        }

    }

    function months() {

        $("#dr_month").empty();

        for (var i = ; i <= ; i++) {

            var str = "<option value=\"" + i + "\">" + i + "</option>";

            $("#dr_month").append(str);

        }

    }

    function Days() {

        $("#dr_day").empty();

        if (parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) == ) {

            days = ;

        }

        else if (parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) ==  || parseInt($("#dr_month").val()) == ) {

            days = ;

        }

        else {

            if (parseInt($("#dr_year").val()) %  ==  || (parseInt($("#dr_year").val()) %  ==  && parseInt($("#dr_year").val()) %  != )) {

                days = ;

            }

            else {

                days = ;

            }

        }

        for (var i = ; i <= days; i++) {

            var str = "<option value=\"" + i + "\">" + i + "</option>";

            $("#dr_day").append(str);

        }

    }

</script>

jQuery：年月日三级联动的更多相关文章

  1. 时间操作（JavaScript版）—年月日三级联动（默认显示系统时间）

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/wangshuxuncom/article/details/35263317         这个功能 ...

  2. JS实现年月日三级联动+省市区三级联动+国家省市三级联动

    开篇随笔:最近项目需要用到关于年月日三级联动以及省市区三级联动下拉选择的功能,于是乎网上搜了一些做法,觉得有一些只是给出了小的案例或者只有单纯的js还不完整,却很难找到详细的具体数据(baidu搜索都 ...

  3. 利用select实现年月日三级联动的日期选择效果

    × 目录 [1]演示 [2]规划 [3]结构生成[4]算法处理 前面的话 关于select控件,可能年月日三级联动的日期选择效果是最常见的应用了.本文是选择框脚本的实践,下面将对日期选择效果进行详细介 ...

  4. jQuery省市区三级联动插件

    体验效果:http://hovertree.com/texiao/bootstrap/4/支持PC和手机移动端. 手机扫描二维码体验效果: 代码如下: <!DOCTYPE html> &l ...

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

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. jquery省市区三级联动

    jquery省市区三级联动(数据来源国家统计局官网)内附源码下载 很久很久没有写博了. 今天更新了项目的省市区三级联动数据,更新后最新的海南三沙都有,分享给所有需要的小伙伴们... JQUERY + ...

  7. jquery+html三级联动下拉框

    jquery+html三级联动下拉框及详情页面加载时的select初始化问题   html写的三个下拉框,如下: <select name="ddlQYWZYJ" id=&q ...

  8. JS 实现的年月日三级联动

    js文件 SYT="-请选择年份-"; SMT="-请选择月份-"; SDT="-请选择日期-"; BYN=50;//年份范围往前50年 A ...

  9. jQuery实现三级联动菜单（鼠标悬停联动）

    效果图: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> < ...

  10. jquery 城市三级联动

    js代码 /*城市三级联动 * @method cityChange * @param allProvince,allCity,allDistrict */ function cityChange(p ...

随机推荐

  1. 每天一个linux命令（49）：at命令

    在windows系统中,windows提供了计划任务这一功能,在控制面板 -> 性能与维护 -> 任务计划, 它的功能就是安排自动运行的任务. 通过'添加任务计划'的一步步引导,则可建立一 ...

  2. 探讨Js的事件的冒泡阶段

    近来看到了一个新的知识点叫Js的事件冒泡,因此决定自己来研究一番. 大家应该都知道,Js中的事件处理分为三个阶段,1:事件的捕获阶段,2:处于目标阶段,3:事件的冒泡阶段.那么什么是事件的捕获和冒泡呢 ...

  3. 移动端web开发

    meta基础知识点: 页面自动调整到设备宽度,并禁止用户缩放. <meta name="viewport" content="width=device-width, ...

  4. javascript运动系列第八篇——碰壁运动

    × 目录 [1]匀速碰壁 [2]自由落体 [3]投掷碰壁[4]拖拽碰壁 前面的话 碰撞运动可能是运动系列里面比较复杂的运动了.碰撞可以分为碰壁和互碰两种形式,而碰撞前后的运动形式也可以分为变速和匀速两 ...

  5. 平衡二叉树AVL删除

    平衡二叉树的插入过程:http://www.cnblogs.com/hujunzheng/p/4665451.html 对于二叉平衡树的删除采用的是二叉排序树删除的思路: 假设被删结点是*p,其双亲是 ...

  6. 一起学微软Power BI系列-官方文档-入门指南(1)Power BI初步介绍

    我们在前一篇文章微软新神器-Power BI,一个简单易用,还用得起的BI产品中,我们初步介绍了Power BI的基本知识.由于Power BI是去年开始微软新发布的一个产品,虽然已经可以企业级应用, ...

  7. 【开源】OSharp3.3框架解说系列：重新开源及3.3版本新特性

    OSharp是什么? OSharp是个快速开发框架,但不是一个大而全的包罗万象的框架,严格的说,OSharp中什么都没有实现.与其他大而全的框架最大的不同点,就是OSharp只做抽象封装,不做实现.依 ...

  8. 深入seajs源码系列一

    简述 前端开发模块化已经是大势所趋,目前模块化的规范有很多,众所周知的有commonJS,Module/Wrappings和AMD等,而且ES6也着手开始制定模块化机制的实现.类似于c/c++的inc ...

  9. BOM详解

    1.WINDOW对象 BOM的核心对象是WINDOW,它表示一个浏览器的实例.在浏览器中,window对象有双重角色,它既是通过 JavaScript访问浏览器的一个接口,又是ECMAScript规定 ...

  10. JS设置CSS样式的几种方式

    用JS来动态设置CSS样式,常见的有以下几种 1. 直接设置style的属性  某些情况用这个设置 !important值无效 如果属性有'-'号,就写成驼峰的形式(如textAlign)  如果想保 ...