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/

喜欢这个吗？

Age Bracket Dropdown

1 个答案: