根据另一个选择框值中的选择，隐藏显示选项值小于选择框中的值

Question

我一直在努力从选择框中隐藏一些小于在另一个选择框中选择的值的值。像;年龄范围选择 Min 和 Max 有两个选择框。我希望从 Max 中隐藏小于所选 Min 年龄的值。终于，找到了解决办法。请检查答案。

Answer 1

$(document).ready(function () {
    $("#agefrom").change(function (e) {        
        var selected_index = $("#agefrom option:selected").index()   
        var length = $('#agefrom > option').length;    
        for (let count = 0; count <= length; count++) {
            $("#ageuntil option:lt("+ count +")").show();
        } 
        $("#ageuntil").val($("#ageuntil option:first").val());     
              
        for (let count = 0; count <= selected_index+1; count++){
            $("#ageuntil option:lt("+ count +")").hide();
        }           
    });
});