javascript - 选择下拉列表时显示第二个下拉列表

Question

当我在选择框（其选项值为“il”）上选择一个项目时，应该显示隐藏的第二个选择框（ilce）..提前谢谢。

 <select name="il" id="il" class="form-control" required>
                <option value="il">Seçin...</option>
            </select>
  <br>
      
            <select name="ilce" id="ilce" class="form-control" disabled="disabled" required>
                <option value="">Seçin...</option>
            </select>

    $.getJSON("il-bolge.json", function(sonuc){
        $.each(sonuc, function(index, value){
            var row="";
            row +='<option value="'+value.il+'">'+value.il+'</option>';
            $("#il").append(row);
        })
    });


    $("#il").on("change", function(){
        var il=$(this).val();

        $("#ilce").attr("disabled", false).html("<option value=''>Seçin..</option>");
        $.getJSON("il-ilce.json", function(sonuc){
            $.each(sonuc, function(index, value){
                var row="";
                if(value.il==il)
                {
                    row +='<option value="'+value.ilce+'">'+value.ilce+'</option>';
                    $("#ilce").append(row);
                }
            });
        });
    });

标签： javascript