2017 年9月28日 三级联动

最新推荐文章于 2022-07-22 15:08:26 发布
最新推荐文章于 2022-07-22 15:08:26 发布
阅读量99 收藏
点赞数
原文链接：http://www.cnblogs.com/zJuevers/p/7608794.html
版权

我还不太会   所以借鉴一下别人的代码, 防止忘记


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
           
        </style>
    </head>
    <body>
        年份：
        <input type="text" id="year" style="width: 100px;" />
        <!--<select style="width: 100px;" size="1" id="year">
            <option>— —</option>
            <option>1995</option>
            <option>1996</option>
            <option>1997</option>
            <option>1998</option>
        </select>-->
        月份：
        <select style="width: 100px;" size="1" id="month">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
        </select>
        日期：
        <select style="width: 100px;" size="1" id="day">
        </select>
    </body>
</html>
<script>
     year =document.getElementById("year");
     mon =document.getElementById("month");
     day =document.getElementById("day");
    year.οnblur=function(){
        years==year.value;
    }
     dayss=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31];
    mon.onblur =function(){
        if(mon.value=2&&(years%4==0||years%100!=0||years%400==0;)){
            for(x=0;x<29;x++){
                days=document.createElement("option");
                day.innerHTML=dayss[x];
                day.appendChild(days);
            }
        }else if(mon.value=2&&(years%4!=0;years%100==0;years%400!=0;)){
        for(x=0,x<28;x++){
                days=document.createElement("option");
                day.innerHTML=dayss[x];
                day.appendChild(days);
        }
        }else if(mon.value=1||mon.value=3||mon.value=5||mon.value=7||mon.value=8||mon.value=10||mon.value=12){
            for(x=0.x<31;x++){
                days=document.createElement("option");
                day.innerHTML=dayss[x];
                day.appendChild(days);
            }
        }else(mon.value=4||mon.value=6||mon.value=9||mon.value=11){
            for(x=0;x<30;x++){
                days=document.createElement("option");
                day.innerHTML=dayss[x];
                day.appendChild(days);
            }
        }       
    }
</script>

出处:段同学

 <!DOCTYPE html>
 <html>
  <head>
  <meta charset="UTF-8">
  <title></title>
  <style>
  
  </style>
  </head>
  <body>
  年份：
  <input type="text" id="year" style="width: 100px;" />
  <!--<select style="width: 100px;" size="1" id="year">
  <option>— —</option>
  <option>1995</option>
  <option>1996</option>
  <option>1997</option>
  <option>1998</option>
  </select>-->
  月份：
  <select style="width: 100px;" size="1" id="month">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
  <option>9</option>
  <option>10</option>
  <option>11</option>
  <option>12</option>
  </select>
  日期：
  <select style="width: 100px;" size="1" id="day">
  </select>
  </body>
 </html>
 <script>
  year =document.getElementById("year");
  mon =document.getElementById("month");
  day =document.getElementById("day");
  year.οnblur=function(){
  years==year.value;
  }
  dayss=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31];
  mon.onblur =function(){
  if(mon.value=2&&(years%4==0||years%100!=0||years%400==0;)){
  for(x=0;x<29;x++){
  days=document.createElement("option");
  day.innerHTML=dayss[x];
  day.appendChild(days);
  }
  }else if(mon.value=2&&(years%4!=0;years%100==0;years%400!=0;)){
  for(x=0,x<28;x++){
  days=document.createElement("option");
  day.innerHTML=dayss[x];
  day.appendChild(days);
  }
  }else if(mon.value=1||mon.value=3||mon.value=5||mon.value=7||mon.value=8||mon.value=10||mon.value=12){
  for(x=0.x<31;x++){
  days=document.createElement("option");
  day.innerHTML=dayss[x];
  day.appendChild(days);
  }
  }else(mon.value=4||mon.value=6||mon.value=9||mon.value=11){
  for(x=0;x<30;x++){
  days=document.createElement("option");
  day.innerHTML=dayss[x];
  day.appendChild(days);
  }
  }
  }
 </script>

转载于:https://www.cnblogs.com/zJuevers/p/7608794.html

Snake2333
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS实现年月日三级联动
振飞⁶⁶⁶₆₆₆666
07-21 709
所谓联动就是本身的改变受上下级元素影响，常见的多级联动运用在选择年月日，选择国家地区，购物筛选等等，本案例实现的是年月日的三级联动，原生js实现，效果如上图。 大多说多级联动数据都是来自后台数据库的多维数组或者本地数据表，道理大同小异，无外乎js判断上下级关系，获取子父索引关系。本例的年月日也是如此。 年和月好解决，不受谁影响，主要是每月天数受年月影响，闰年2月29天，平年29。1、3、5...
2018最新省市县三级联动(截止2018年9月31日)
10-29
之前从网上找的三级联动都太老了,数据也都是很久之前的数据，所以自己把从国家统计局扒下来的省市县三级联动数据做了整理，目前最新的三级联动，童叟无欺。大家看北京市和天津市的几个分区就知道是最新的了。 INSERT...
vue手写年月日时间三级联动
weixin_44241233的博客
12-30 1328
思路部分 确定年份的范围 确定月份的范围 根据年月来确定具体的天数，特别是闰年和平年的二月份 代码部分 <!-- 年 --> <select class="col-md-2" v-model="year"> <option selected="selected" v-for="item in yearlist" :key="item.id" ...
JQuery年月日三级联动(生日)
netuser1937的博客
02-10 3339
JQuery年月日三级联动(生日)
三级联动
weixin_44017261的博客
04-20 100
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <script src="js/jquery.js"></scrip...
element+vue 年月日三级联动
coldriversnow的专栏
07-22 781
1年月日三级联动时
JavaScript实现年月日三级联动
happyPaste的博客
12-30 2205
初学Javascript,，写了一个实现年月日三级联动的小程序，记录一下： 年月日 请选择年份 1900 年 请选择月份 1 月 请选择日期 1 日 //onclick获得改变前的值。onchange获取改变后的值。 var yearNode = docu
2013年最新省市区三级联动mysql数据库_省市区三级联动菜单（附数据库）
weixin_31830691的博客
01-25 150
-- phpMyAdmin SQL Dump-- version 2.11.2-- http://www.phpmyadmin.net---- 主机: localhost-- 生成日期: 2008 年 07 月 11 日 00:45-- 服务器版本: 5.0.27-- PHP 版本: 5.2.0SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";---- 数据库: `nove...
iOS 使用UIPickerView三级联动实现选择日期年月日
爱上卡农的码农
07-24 8566
这里面有很多自定义的宏,效果图在下面,如果想要这个效果的朋友,不妨花几分钟把里面的宏改下等不报错了,直接用这下面的代码调用就可以了! 调用代码 SelectTimeV *selectTimeV = [[SelectTimeV alloc] init]; selectTimeV.block = ^(NSString *timeStr) { if (timeStr)
PHP 年月日的三级联动实例代码
10-19
通过上述讲解，我们可以看到一个完整的年月日三级联动功能实现涉及到了前端页面的DOM操作、JavaScript编程和日期计算等多个知识点。希望本文的解析可以帮助大家在实际开发中更好地理解和使用PHP与JavaScript进行日期...
jQuery时间日期三级联动(推荐)
11-30
综上所述，这个jQuery时间日期三级联动的实现利用了JavaScript的DOM操作、事件处理和逻辑判断，通过动态填充下拉列表实现了年、月、日之间的联动效果。这样的功能在各种网页表单中都有广泛的应用，特别是在需要用户...
利用select实现年月日三级联动的日期选择效果【推荐】
08-31
通过这种方式，我们就创建了一个功能完整的年月日三级联动的日期选择器，它可以根据用户的选择动态调整日期范围，并在页面上实时显示选定的日期及其对应的星期。这个功能在网页表单和各种交互式界面中非常实用，可以...
决策概率论，一文读懂群体决策概率与个体决策概率的关系
09-04
有一本书叫做《乌合之众》把群体批得一无是处，然而另一本书《群体的智慧》又阐述群体是有智慧的，群体越大，智慧越高。 读了这篇决策概率论的文章，让你对于群体和个体不再迷茫。
Java项目-基于微信小程序的微信点餐系统（包括源码，数据库，教程）.zip
09-04
Java毕设，小程序毕业设计，小程序课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！可以放心下载 1. 技术组成 前端： 小程序 后台框架：SSM/SpringBoot（如果有的话） 开发环境：idea，微信开发者工具 数据库：MySql（建议用 5.7 版本，8.0 有时候会有坑） 数据库可视化工具：使用 Navicat 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven
Java项目-基于微信小程序的springboot基于微信小程序的学生宿舍管理系统（包括源码，数据库，教程）.zip
09-04
Java毕设，小程序毕业设计，小程序课程设计，含有代码注释，新手也可看懂。毕业设计、期末大作业、课程设计、高分必看，下载下来，简单部署，就可以使用。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！可以放心下载 1. 技术组成 前端： 小程序 后台框架：SSM/SpringBoot（如果有的话） 开发环境：idea，微信开发者工具 数据库：MySql（建议用 5.7 版本，8.0 有时候会有坑） 数据库可视化工具：使用 Navicat 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven
魔镜数据_天猫2022.618全品类规模及增速.xlsx
09-04
魔镜数据_天猫2022.618全品类规模及增速
保龄球服务器端程序_BowlingService.zip
最新发布
09-04
保龄球服务器端程序_BowlingService
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值