каскадное раскрытие в изменении значения mvc

Question

У меня есть три реляционных выпадающих списка, например, если я выбираю выпадающий список программ, то он должен заполнять годы, а когда я выбираю год, в котором должны заполняться блоки, я написал javascript для него, он работает нормально, но есть проблема, как на страницезагрузка событий не запускается, мне нужно выбрать значение раскрывающегося списка, а затем изменить его, чтобы запустить событие во-вторых при третьем раскрытии, его значение не обновлялось при изменении раскрывающегося списка первого раскрывающегося списка, может кто-нибудь подсказать мне, как исправить эти двавопросы ниже мой код

        $("#ddlProgram").change(function () {
            $("#ddlYear").empty();
            $.ajax({
                type: 'POST',
                url: '@Url.Action("getCity")',

                dataType: 'json',

                data: { id: $("#ddlProgram").val() },


                success: function (states) {


                    $.each(states, function (i, state) {
                        $("#ddlYear").append('<option value="' + state.Value + '">' +
                             state.Text + '</option>');

                    });
                },
                error: function (ex) {
                    alert('Failed to retrieve Year information.' + ex);
                }
            });
            return false;
        })
    });

</script>
<script type="text/javascript">


    $(document).ready(function () {

        $("#ddlYear").change(function () {
            $("#ddlBlock").empty();
            $.ajax({
                type: 'POST',
                url: '@Url.Action("getBlocks")',

                dataType: 'json',

                data: {
                    id: $("#ddlYear").val(),
                    programid: $("#ddlProgram").val()

                },


                success: function (states) {


                    $.each(states, function (i, state) {
                        $("#ddlBlock").append('<option value="' + state.Value + '">' +
                             state.Text + '</option>');

                    });
                },
                error: function (ex) {
                    alert('Failed to retrieve  information.' + ex);
                }
            });
            return false;
        })
    });

</script>```