1

我有两个专门供用户选择年份间隔的下拉框。我目前通过对我的数据库使用“从表中选择不同的年份”查询来填充两个下拉框。但是,我只想用用户选择的同一年填充第二个下拉框,并包括第一次选择后的年份。例如,如果用户在第一个下拉菜单中选择“1995”,我希望第二个下拉框包含从“1995”到现在的任何年份。这将阻止用户在第一个框中选择“1995”,在第二个框中选择“1990”(这将是一个不正确的时间间隔)。我真的不知道该怎么做。我对javascript不是很熟悉。那是我需要使用的吗?任何帮助将不胜感激。

4

3 回答 3

0

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

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

于 2013-10-05T18:45:14.057 回答
0

我希望它会帮助你。只需要基本的计算来维持需求

http://www.creativecg.com/addremove-options-from-a-select-box-with-jquery/
于 2013-10-05T18:32:34.737 回答
0

你可以在这个 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 的情况下完成,但是你需要稍微修改一下代码......

于 2013-10-05T18:19:20.727 回答