三级轮播

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <select size="1" id="a1" style="width: 60px;"></select>
        <select size="1" id="a2" style="width: 50px;"></select>
        <select size="1" id="a3" style="width: 50px;"></select>
    <body>
</html>
<script>
    a1=document.getElementById(‘a1‘)
    a2=document.getElementById(‘a2‘)
    a3=document.getElementById("a3")
    for(i=1900;i<2018;i++){
    o=document.createElement(‘option‘)
    o.innerText=i
    a1.appendChild(o)
    }
    for(j=1;j<13;j++){
    p=document.createElement(‘option‘)
    p.innerText=j
    a2.appendChild(p)
    }
    for(k=1;k<32;k++){
        q=document.createElement(‘option‘)
        q.innerText=k
        a3.appendChild(q)
    }
    a2.onchange=function(){
        a3.options[28].style.display="inline"
        a3.options[29].style.display="inline"
        a3.options[30].style.display="inline"
        n=a1.selectedOptions[0].value
        m=a2.selectedOptions[0].value
        if(n%4==0&&n%100!=0||n%400==0){
            if(m==2){
                a3.options[30].style.display="none"
                a3.options[29].style.display="none"
                }else{
                    if(m==4||m==6||m==9||m==11){
                        a3.options[30].style.display="none"
                    }
                }
            }else{
                if(m==2){
                    a3.options[28].style.display="none"
                    a3.options[30].style.display="none"
                    a3.options[29].style.display="none"
                }else{
                    if(m==4||m==6||m==9||m==11){
                        a3.options[30].style.display="none"
                    }
                }
            }
        }    
    a1.onchange=function(){
        a3.options[28].style.display="inline"
        a3.options[29].style.display="inline"
        a3.options[30].style.display="inline"
        n=a1.selectedOptions[0].value
        m=a2.selectedOptions[0].value
        if(n%4==0&&n%100!=0||n%400==0){
            if(m==2){
                a3.options[30].style.display="none"
                a3.options[29].style.display="none"
                }else{
                    if(m==4||m==6||m==9||m==11){
                        a3.options[30].style.display="none"
                    }
                }
            }else{
                if(m==2){
                    a3.options[28].style.display="none"
                    a3.options[30].style.display="none"
                    a3.options[29].style.display="none"
                }else{
                    if(m==4||m==6||m==9||m==11){
                        a3.options[30].style.display="none"
                    }
                }
            }
        }

时间： 2024-10-05 15:17:55

三级轮播的相关文章

高级轮播

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />      <

层级轮播图

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul, ol { list-style: none; } .wrap { width: 650px;

js实现图片轮播图（一）

一.实现原理 (1)将所有图片放在一个父容器div里面,通过display属性来设置图片的出现与隐藏: (2)轮播图分为手动轮播和自动轮播: 手动轮播的重点是每次点击图片下方的小圆圈,获得它的索引号,并让与之对应索引号的图片显示,并且此时的小圆圈为高亮显示: 自动轮播:利用定时器setInterval(),来每隔一定的时间来播放一次图片. (3)所有的基础知识:dom操作,定时器,事件运用. 二.轮播图页面布局: <div id="content">   <!-- 总

react-native-page-scrollview 的使用方法(实现酷炫的分页轮播效果)

react-native-page-scrollview 对ScrollView的封装,可以很方便的实现水平,垂直分页轮播效果.而且可以自定义分页宽高,和侧边View的旋转,透明度,大小等. 对于原生的ScrollView只支持水平的整屏的分页,而且我看github上也没有相应的组件.所以就自己封装了一个. github地址: https://github.com/geek-prince/react-native-page-scrollview npm地址: https://www.npmjs.

轮播图---左右切换无长滚动效果轮播图-中级难度版

左右切换无长滚动轮播图思路:首先设有全局变量position(确定当前图片是第几张),arr数组:存放图片地址,方向:direction, 及lis小圆点数组,prev,记录小圆点的前一个, moveBool是否进入运动函数等1.点击事件:点击左边的leftBn,设置direction="right",position--,在这要确定position不能超出数组长度范围, 超出要重新赋值,点击小圆点把小圆点的当前是lis数组中的第几个赋值给position,然后图片生成2.图片生成:图

沉淀，再出发：jQuery的初步了解和入门

沉淀,再出发:jQuery的初步了解和入门 一.前言     对于后端开发者来说,是不是真的不需要了解前端的开发经过和相关技术,从我个人的角度来说,我觉得如果不了解或者接触很少,极有可能造成开发的时候语言交流的障碍,并且影响自己对整个系统性能的理解,这在程序员的职业生涯之中是非常不利的,因为再向上层发展就涉及到了从整个系统架构的角度来分析性能和技术的取舍了,在这个层面上,必须要有全栈开发的能力,这样才能担当重任.但是现在的开发通过json等手段,在某种程度上将前后端僵硬的分割开来,其实是对于我们

IOS 图片轮播实现原理 （三图）

IOS 图片轮播实现原理的一种 图片轮播所要实现的是在一个显示区域内通过滑动来展示不同的图片. 当图片较少时我们可以采用在滚动视图上添加很多张图片来实现. 但是如果图片数量较多时,一次性加载过多图片会浪费内存,影响性能. 因此我们要采取适当地方法来实现图片的轮播. 下面我们只是简单的介绍很多方法中的一种简单的实现原理. 一 二 三 四 五 六 七

单播、多播（组播）和广播的区别，搞通信选整明白这三个东东

单播.多播和广播单播”(Unicast).“多播”(Multicast)和“广播”(Broadcast)这三个术语都是用来描述网络节点之间通讯方式的术语.那么这些术语究竟是什么意思?区别何在? 1.单播: 网络节点之间的通信就好像是人们之间的对话一样.如果一个人对另外一个人说话,那么用网络技术的术语来描述就是“单播”,此时信息的接收和传递只在两个节点之间进行.单播在网络中得到了广泛的应用,网络上绝大部分的数据都是以单播的形式传输的,只是一般网络用户不知道而已.例如,你在收发电子邮件.浏览网页时,

一步一步拆解一个简单的iOS轮播图（三图）

导言(可以不看): 不吹不黑,也许是东半球最简单的iOS轮播图拆分注释(讲解不敢当)了(tree new bee).(一句话包含两个人,你能猜到有谁吗?提示:一个在卖手机,一个最近在卖书)哈哈... 我第一次项目中需要使用轮播图的时候我是用的别人写好的一个轮子,那个轮播封装很多东西,包括比如可以设置pageControl的位置,可以传图片url或本地图片,缓存网络图片等等.但是我觉得没必要搞那么复杂,我喜欢简单并足够做事的东西.现在有时间便想自己把它拆解一下.看了一些简书上一些作者写的关于轮播图