博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

做出生年月做好的例子。粗略实现了。晒一下。

Posted on 2011-09-16 11:20  sun96013  阅读(91)  评论(0)    收藏  举报

最近发现总喜欢混合编程。Asp。net+JS的。

废话不多说了 直接贴代码。这个版本最简介。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh" dir="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="generator" content="Editplus4PHP" />
    <meta name="keywords" content="Leo, HentStudio, Editplus4PHP, LeoPHP" />
    <meta name="description" content="LeoPHP - Powered by HentStduio" />
    <meta name="author" content="Leo" />
    <script type="text/javascript"><!--
        /**
         * change_year
         *
         * @param string key
         * @return void
         */
        function change_year(key){
            var frm = document.frm;
            var year  = frm[key + "_year"];
            var month = frm[key + "_month"];
            var day   = frm[key + "_day"];
            if (year.value != "") {
                month.length = 0;
                for (var i = 1; i < 13; i++) {
                    month.options.add(new Option(i, i));
                }
                vYear     = parseInt(year.value);
                vMonth    = parseInt(month.value);
                day.length=0;
                var max = (new Date(vYear,vMonth,0)).getDate();
                for (var i=1; i <= max; i++) {
                    day.options.add(new Option(i, i));
                }
            }else{
                month.length = 0;
                day.length   = 0;
                month.options.add(new Option("--", ""));
                day.options.add(new Option("--", ""));
            }
        }
        /**
         * change_month
         *
         * @param string key
         * @return void
         */
        function change_month(key){
            var frm = document.frm;
            var year  = frm[key + "_year"];
            var month = frm[key + "_month"];
            var day   = frm[key + "_day"];
            vYear  = parseInt(year.value);
            vMonth = parseInt(month.value);
            day.length=0;
            //根据年月获取天数
            var max = (new Date(vYear,vMonth, 0)).getDate();
            for (var i=1; i <= max; i++) {
                day.options.add(new Option(i, i));
            }
        }
// --></script>
    <link rel="shortcut icon" href="images/favicon.ico" mce_href="images/favicon.ico" />
    <title>Example | xHTML1.0</title>
</head>
<body>
<form name="frm">
    <select name="st_year" onchange="Javascript:change_year('st');">
        <option value="">----</option>
        <option value="2008">2008</option>
        <option value="2009">2009</option>
        <option value="2010">2010</option>
    </select>
    <select name="st_month" onchange="Javascript:change_month('st');">
        <option value="">--</option>
    </select>
    <select name="st_day">
        <option value="">--</option>
    </select>
</form>
</body>
</html>