jquery 联动

浏览数：36 / 时间：2015年06月09日

<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <title>JQuery实例 - 生成年月日</title>  
    <meta http-equiv="content-type" content="text/html; charset=gbk">  
    <script type="text/javascript" src="jquery.js"></script>  
    <script type="text/javascript">   
        $(function () {  
            var $day = $("#day"),  
              $month = $("#month"),  
              $year = $("#year");  
  
            <!--初始化年-->  
            var dDate = new Date(),  
              dCurYear = dDate.getFullYear(),  
              str = "";  
            for (var i = dCurYear - 70; i < dCurYear + 70; i++) {  
                if (i == dCurYear) {  
                    str = "<option value=" + i + " selected=true>" + i + "</option>";  
                } else {  
                    str = "<option value=" + i + ">" + i + "</option>";  
                }  
                $year.append(str);  
            }  
  
            <!--初始化月-->  
            for (var i = 1; i <= 12; i++) {  
  
                if (i == (dDate.getMonth() + 1)) {  
                    str = "<option value=" + i + " selected=true>" + i + "</option>";  
                } else {  
                    str = "<option value=" + i + ">" + i + "</option>";  
                }  
                $month.append(str);  
            }  
            <!--调用函数出始化日-->  
            TUpdateCal($year.val(), $month.val());  
            $("#year,#month").bind("change", function(){  
                TUpdateCal($year.val(),$month.val());  
            });  
        });  
  
        <!--根据年月获取当月最大天数-->  
        function TGetDaysInMonth(iMonth, iYear) {  
            var dPrevDate = new Date(iYear, iMonth, 0);  
            return dPrevDate.getDate();  
        }  
  
        function TUpdateCal(iYear, iMonth) {  
            var dDate = new Date(),  
                daysInMonth = TGetDaysInMonth(iMonth, iYear),  
                str = "";  
  
            $("#day").empty();  
  
            for (var d = 1; d <= parseInt(daysInMonth); d++) {  
  
                if (d == dDate.getDate()) {  
                    str = "<option value=" + d + " selected=true>" + d + "</option>";  
                } else {  
                    str = "<option value=" + d + ">" + d + "</option>";  
                }  
                $("#day").append(str);  
            }  
        }  
  
    </script>  
  
</head>  
<body>  
<form name="ymd">  
    <select id="year"></select>年  
    <select id="month"></select>月  
    <select id="day"></select>日  
</form>  
</body>  
</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

jquery 联动