年份間隔的 Javascript 下拉菜單

Question

我有兩個下拉菜單，用於為 SQL 查詢設置年份間隔。 這些下拉菜單也使用 SQL 查詢填充。 我讓他們都工作，但我想改進我的設計。 當我從第一個下拉菜單中選擇年份時，第二個菜單填充了年份值 >= 到第一個框（如果我選擇 1991，第二個菜單將包含 1991、1992 等。但是，當我從第一個下拉框中選擇一個新值，第二個將重置。如果我返回第一個下拉框並選擇比第二個框中選擇的年份少的年份，我希望將它放在那里值不會重置。有沒有辦法做到這一點？

$(document).ready(function () {
$("#first").change(function () {
    var val = $("#first option:selected").html();
    $("#second").html("");
    var d = new Date();
    var n = d.getFullYear();

    for (i = val; i <= n; i++) {
        $("#second").append("<option>" + i + "</option>");
    }
});
});

Answer 1

$(document).ready(function () {
    $("#first").change(function () {
        var val  = $("#first option:selected").html(),
            val2 = $("#second").val(),
            d    = new Date(),
            n    = d.getFullYear(),
            y    = [];

        for (i = val; i <= n; i++) {
            y.push( $("<option />", {text: i, value:i}) );
        }

        $("#second").html(y).val(function() {
            return $('option[value="'+val2+'"]', this).length ? val2 : '';
        });
    });
});

小提琴