PROMULGATOR

    じRご命?相惜つ

    江苏省苏州市
    Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="container">
    <div class="demo">
        <p>
            添加：<br>
            <label>生日：</label>
            <select id="select_year" name="year"></select>年
            <select id="select_month" name="month"></select>月
            <select id="select_day" name="day"></select>日
        </p>
        <p>
            修改【rel】：<br>
            <label>生日：</label>
            <select id="select_year2" rel="2015" name="year2"></select>年
            <select id="select_month2" rel="12" name="month2"></select>月
            <select id="select_day2" rel="13" name="day2"></select>日
        </p>
    </div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
 .demo {
    width:380px;
    margin:10px 0 0 10px;
}
.demo p {
    line-height:40px;
    font-size:16px
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
32
33
34
35
36
37
38
39
40
41
42
43
 (function($) {
     $.extend({
         ms_DatePicker: function(options) {
             var defaults = {
                 YearSelector: "#sel_year",
                 MonthSelector: "#sel_month",
                 DaySelector: "#sel_day",
                 FirstText: "--",
                 FirstValue: 0
             };
             var opts = $.extend({}, defaults, options);
             var $YearSelector = $(opts.YearSelector);
             var $MonthSelector = $(opts.MonthSelector);
             var $DaySelector = $(opts.DaySelector);
             var FirstText = opts.FirstText;
             var FirstValue = opts.FirstValue;
             // 初始化  
             var str = "<option value=\"" + FirstValue + "\">" + FirstText + "</option>";
             $YearSelector.html(str);
             $MonthSelector.html(str);
             $DaySelector.html(str);
             // 年份列表  
             var yearNow = new Date().getFullYear();
             var yearSel = $YearSelector.attr("rel");
             for (var i = yearNow; i >= 1900; i--) {
                 var sed = yearSel == i ? "selected" : "";
                 var yearStr = "<option value=\"" + i + "\" " + sed + ">" + i + "</option>";
                 $YearSelector.append(yearStr);
             }
             // 月份列表  
             var monthSel = $MonthSelector.attr("rel");
             for (var i = 1; i <= 12; i++) {
                 var sed = monthSel == i ? "selected" : "";
                 var monthStr = "<option value=\"" + i + "\" " + sed + ">" + i + "</option>";
                 $MonthSelector.append(monthStr);
             }
             // 日列表(仅当选择了年月)  
             function BuildDay() {
                 if ($YearSelector.val() == 0 || $MonthSelector.val() == 0) {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.8.3
 立即下载

jquery生日联动

0