知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    js年月日三级联动

    作者:佳明妈 来源:http://iulog.com 2016-08-27 人气:
    js年月日三级联动下拉菜单,js代码只有几十行,短小精悍,值得学习。
    js年月日三级联动下拉菜单,js代码只有几十行,短小精悍,值得学习。

    首先引入js文件

    <script src="YMDClass.js" charset="utf-8"></script>

    html结构如下:

    <select name="year1"></select>
    <select name="month1"></select>
    <select name="day1"></select>

    js调用代码如下:

    <script>
    //js年月日三级联动:http://www.51xuediannao.com/js/texiao/ymd_select.html
    //注意传入的字符是select 的name值 
    new YMDselect('year1','month1','day1',2010,3,20);  //后面的几个数字参数是用来赋值默认值得
    </script>

    年月联动调用说明

    new YMDselect('year1','month1');
    new YMDselect('year1','month1',2010);
    new YMDselect('year1','month1',2010,2);

    年月日联动调用说明

    new YMDselect('year1','month1','day1');
    new YMDselect('year1','month1','day1',2012);
    new YMDselect('year1','month1','day1',2012,6);
    new YMDselect('year1','month1','day1',2012,6,12);
    ↓ 查看全文

    js年月日三级联动由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    js年月日三级联动-最新评论