javascript - 年龄范围下拉菜单

Question

我有 2 个下拉列表，第一个下拉列表由 18 岁到 60 岁组成。我的问题是，我想要的第二个下拉列表是，例如，如果用户从第一个下拉列表中选择 20，则第二个下拉列表最多由21-60组成。可能吗？

这是我的代码，(我使用 javascript 循环范围)

<select  name="sab"  class="req"  id="age-range" style="width:50px; height:30px;" autocomplete="off" required/> </select> -
<select  name="eab"  class="req"   style="width:50px; height:30px;" autocomplete="off" required/> </select>

<script>
  $(function(){
    var $select = $("#age-range");
    for (i=18;i<=60;i++){
        $select.append($('<option></option>').val(i).html(i))
    }
});
</script>

Answer 1

HTML:

<select  name="sab"  class="req"  id="age-range" style="width:50px; height:30px;" autocomplete="off" required/> </select> -
<select  name="eab"  class="req"  id="second" style="width:50px; height:30px;" autocomplete="off" required/> </select>

JavaScript:

$(function(){
    var $select = $("#age-range");
    for (i=18;i<=60;i++){
        $select.append($('<option></option>').val(i).html(i))
    }

    $("#age-range").change(function(){
        var val = parseInt($("#age-range").val());
        $("#second").html("");
        for(i=val+1; i<=60; i++) {
            $("#second").append("<option value='" + i + "'>"+i+"</option>");
        }
    });
});

JSFiddle:http://jsfiddle.net/j32gL6mj/

像这样吗？