Javascript 年龄段下拉列表

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

这是我的代码，（我使用javascript循环范围）

-
$（函数（）{
变量$select=$（“#年龄范围”）；
对于（i=18；iHTML:

-

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>");
        }
    });
});

$（函数（）{
变量$select=$（“#年龄范围”）；
对于（i=18；iThanks！是否也可能在第一个下拉列表中，默认显示为空？很抱歉回复太晚，但只需添加一个空选项并添加一个if语句以查看是否不是0，然后执行for循环。我不明白，哈哈，对不起，没有睡眠，您可以尝试将其实现到小提琴上吗？：我再次非常抱歉，很抱歉这么晚了回答：（睡觉和工作：（但给你：
<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>

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