Question

我有两个专门用于用户选择年间隔的下拉框。我目前通过使用“从TABLE中选择不同年份”查询到我的数据库来填充两个下拉框。但是，我想在用户选择的同一年填充第二个下拉框，并包括第一次选择后的年份。例如，如果用户在第一个下拉菜单中选择“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（您可以填写两者，两者都不是必需的）。然后，当您选择一年时，第二个就会填充所选年份的所有年份。

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

3 个答案: