使用javascript使用与第一个下拉框相同的值填充第二个下拉框？

Question

我有两个下拉框，专门用于用户选择年份间隔。 我目前有两个下拉框，都是通过对数据库使用“选择表中不同的年份”查询来填充的。 但是，我只想用用户选择的年份填充第二个下拉框，并包括第一次选择之后的年份。 例如，如果用户在第一个下拉菜单中选择“ 1995”，则我希望第二个下拉框包含从“ 1995”到现在的任何年份。 这将阻止用户在第一个框中选择“ 1995”，在第二个框中选择“ 1990”（这是错误的时间间隔）。 我真的不知道如何去做。 我对javascript不太熟悉。 那是我需要用的吗？ 任何帮助将不胜感激。

Answer 1

您可以像在此jsfiddle中那样进行操作： http : //jsfiddle.net/YNuna/1/

HTML：

<select id=first>
    <option>2009</option>
    <option>2010</option>
    <option>2011</option>
    <option>2012</option>
    <option>2013</option>
</select>

<select id=second> 
</select>

JS：

$("#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>");
    }
});´

您还需要包括jquery

编辑：

但这可以在没有jquery的情况下完成，但是您需要稍微修改一下代码...

Answer 2

希望对您有帮助。 仅需基本计算即可维护需求

http://www.creativecg.com/addremove-options-from-a-select-box-with-jquery/

Answer 3

我在http://jsfiddle.net/cMhzj/创建了一个小提琴

使用我的解决方案，您只需要填写第一个dropdown （您可以填写两个，都不需要）。 然后，当您选择年份时，第二年将填充所选年份中的所有年份。