年龄段支架下拉

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/

赞这个？