Javascript 用于获取用户问题的DOB的三个下拉列表

我开发了一个包含DOB字段的网页。所以我开发了三个下拉列表，一年，一个月，一天。现在，我需要3个下拉列表在javascript中动态变化的代码片段。当用户选择闰年时，2月包含29天，天数应根据月份显示。

我认为下面的代码片段可能会解决您的问题

$（文档）.ready（函数（）{

$（“#DpdwnMonth”）.change（函数（）{
如果（$（“#DpdwnYear”）.val（）！==“0”&（$（“#DpdwnYear”）.val（））%4==0&$（“#DpdwnMonth”）.val（）==“2”）{
if（$（'DpdwnDay:last'）.val（）=“31”）{
$（“选项[value='30']）。删除（）；
$（“选项[value='31']）。删除（）；
}
else if（$（'DpdwnDay:last'）.val（）=“28”）{
var myOptions={29:'29'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
else if（$（'DpdwnDay:last'）.val（）=“30”）{
$（“选项[value='30']）。删除（）；
}
}
否则如果（$（“#DpdwnMonth”）.val（）==“4”|$（“#DpdwnMonth”）.val（）==“6”|$（“#DpdwnMonth”）.val（）==“9”|$（“#DpdwnMonth”）.val（）==“11”）{
if（$（'DpdwnDay:last'）.val（）=“31”）{
$（“选项[value='31']）。删除（）；
}
else if（$（'DpdwnDay:last'）.val（）=“29”）{
var myOptions={30:'30'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
否则{
var myOptions={29:'29'，30:'30'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
}
else if（$（“#DpdwnMonth”）.val（）=“2”）{
$（“选项[value='29']）。删除（）；
$（“选项[value='30']）。删除（）；
$（“选项[value='31']）。删除（）；
}
否则{
if（$（'DpdwnDay:last'）.val（）=“28”）{
var myOptions={29:'29'，30:'30'，31:'31'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
else if（$（'DpdwnDay:last'）.val（）=“29”）{
var myOptions={30:'30'，31:'31'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
else if（$（'DpdwnDay:last'）.val（）=“30”）{
var myOptions={31:'31'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
}
});
$（“#DpdwnYear”）.change（函数（）{
如果（$（“#DpdwnYear”）.val（）！==“0”&（$（“#DpdwnYear”）.val（））%4==0&$（“#DpdwnMonth”）.val（）==“2”）{
if（$（'DpdwnDay:last'）.val（）=“31”）{
$（“选项[value='30']）。删除（）；
$（“选项[value='31']）。删除（）；
}
else if（$（'DpdwnDay:last'）.val（）=“28”）{
var myOptions={29:'29'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
else if（$（'DpdwnDay:last'）.val（）=“30”）{
$（“选项[value='30']）。删除（）；
}
}
否则如果（$（“#DpdwnMonth”）.val（）==“4”|$（“#DpdwnMonth”）.val（）==“6”|$（“#DpdwnMonth”）.val（）==“9”|$（“#DpdwnMonth”）.val（）==“11”）{
if（$（'DpdwnDay:last'）.val（）=“31”）{
$（“选项[value='31']）。删除（）；
}
else if（$（'DpdwnDay:last'）.val（）=“29”）{
var myOptions={30:'30'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
否则{
var myOptions={29:'29'，30:'30'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
}
else if（$（“#DpdwnMonth”）.val（）=“2”）{
$（“选项[value='29']）。删除（）；
$（“选项[value='30']）。删除（）；
$（“选项[value='31']）。删除（）；
}
否则{
if（$（'DpdwnDay:last'）.val（）=“28”）{
var myOptions={29:'29'，30:'30'，31:'31'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
else if（$（'DpdwnDay:last'）.val（）=“29”）{
var myOptions={30:'30'，31:'31'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
else if（$（'DpdwnDay:last'）.val（）=“30”）{
var myOptions={31:'31'}；
$.each（myOptions，function（val，text）{
$（'#DpdwnDay'）.append（$（''）.val（val.html（text））；
});
}
}
});
$（“#DpdwnDay”）。更改（函数（）{
如果（$（“#DpdwnYear”）.val（）==“0”和（$（“#DpdwnDay”）.val（）！==“0”）{
$（“#DpdwnDay”）.val（“0”）；
警报（“选择第一年”）；
返回false；
}
如果（$（“#DpdwnMonth”）.val（）===“0”和&$（“#DpdwnDay”）.val（）！=“0”）{
$（“#DpdwnDay”）.val（“0”）；
警报（“先选择
    $("#DpdwnMonth").change(function () {

        if ($("#DpdwnYear").val() !== "0" && ($("#DpdwnYear").val()) % 4 === 0 && $("#DpdwnMonth").val() === "2") {
            if ($('#DpdwnDay :last').val() === "31") {
                $("option[value='30']").remove();
                $("option[value='31']").remove();
            }
            else if ($('#DpdwnDay :last').val() === "28") {
                var myOptions = { 29: '29' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));

                });
            }
            else if ($('#DpdwnDay :last').val() === "30") {
                $("option[value='30']").remove();
             }
        }

        else if ($("#DpdwnMonth").val() === "4" || $("#DpdwnMonth").val() === "6" || $("#DpdwnMonth").val() === "9" || $("#DpdwnMonth").val() === "11") {
            if ($('#DpdwnDay :last').val() === "31") {
                $("option[value='31']").remove();

            }
            else if ($('#DpdwnDay :last').val() === "29") {
                var myOptions = { 30: '30' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));

                });
            }
            else {
                var myOptions = { 29: '29', 30: '30' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));

                });
            }
        }
        else if ($("#DpdwnMonth").val() === "2") {
            $("option[value='29']").remove();
            $("option[value='30']").remove();
            $("option[value='31']").remove();

        }
        else {
            if ($('#DpdwnDay :last').val() === "28") {
                var myOptions = { 29: '29', 30: '30', 31: '31' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));
                });

            }
            else if ($('#DpdwnDay :last').val() === "29") {
                var myOptions = { 30: '30', 31: '31' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));
                });

            }
            else if ($('#DpdwnDay :last').val() === "30") {
                var myOptions = { 31: '31' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));
                });

            }

        }

    });

    $("#DpdwnYear").change(function () {

        if ($("#DpdwnYear").val() !== "0" && ($("#DpdwnYear").val()) % 4 === 0 && $("#DpdwnMonth").val() === "2") {
            if ($('#DpdwnDay :last').val() === "31") {
                $("option[value='30']").remove();
                $("option[value='31']").remove();
            }
            else if ($('#DpdwnDay :last').val() === "28") {
                var myOptions = { 29: '29' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));

                });
            }
            else if ($('#DpdwnDay :last').val() === "30") {
                $("option[value='30']").remove();
            }
        }

        else if ($("#DpdwnMonth").val() === "4" || $("#DpdwnMonth").val() === "6" || $("#DpdwnMonth").val() === "9" || $("#DpdwnMonth").val() === "11") {
            if ($('#DpdwnDay :last').val() === "31") {
                $("option[value='31']").remove();

            }
            else if ($('#DpdwnDay :last').val() === "29") {
                var myOptions = { 30: '30' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));

                });
            }
            else {
                var myOptions = { 29: '29', 30: '30' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));

                });
            }
        }
        else if ($("#DpdwnMonth").val() === "2") {
            $("option[value='29']").remove();
            $("option[value='30']").remove();
            $("option[value='31']").remove();

        }
        else {
            if ($('#DpdwnDay :last').val() === "28") {
                var myOptions = { 29: '29', 30: '30', 31: '31' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));
                });

            }
            else if ($('#DpdwnDay :last').val() === "29") {
                var myOptions = { 30: '30', 31: '31' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));
                });

            }
            else if ($('#DpdwnDay :last').val() === "30") {
                var myOptions = { 31: '31' };
                $.each(myOptions, function (val, text) {
                    $('#DpdwnDay').append($('<option></option>').val(val).html(text));
                });

            }

        }

    });

    $("#DpdwnDay").change(function () {
        if ($("#DpdwnYear").val() === "0" && $("#DpdwnDay").val() !== "0") {
            $("#DpdwnDay").val("0");
            alert("Select first year");
            return false;
        }

        if ($("#DpdwnMonth").val() === "0" && $("#DpdwnDay").val() !== "0") {
            $("#DpdwnDay").val("0");
            alert("Select first month");
            return false;

        }

    });
});