Jquery получить событие изменения

Question

У меня есть следующий код:

<script>
function GetDetails(id) {
    $.ajax({
        url: "@Url.Action("EditRecord","TeamPlans")" + "/" + id,
        type: "GET",
        contentType: "application/json;charset=UTF-8",
        dataType: "json",
        success: function (response) {
            $('#hfId').val(response.ActivityPlanId);
            $('#txtActivityPlanName').val(response.ActivityPlanName);
            $("#CountryId").val(response.OrganizationNumber);
            $('#StateId').val(response.Assignee);
            $('#modal-Update').modal('show');
        },
        error: function (response) {
            alert(response.responseText);
        }
    });
    return false;
}
</script>

Тогда у меня также есть следующий код:

<script>
$(document).ready(function () {
    $("#CountryId").change(function () {
        $.get("@Url.Action("GetStateList","TeamPlans")", { sOId: $("#CountryId").val() }, function (data) {
            //$("#StateId").empty();
            $.each(data, function (index, row) {
                $("#StateId").append("<option value='" + row.PositionNumber + "'>" + row.Name + "</option>")
            });
        });
    })
});

У меня вопрос, как я могу выполнить второй сценарий на первом сценарии перед показом модального обновления? #CountryId уже заполнено при выполнении url: "@Url.Action("EditRecord","TeamPlans")" + "/" + id,

Пожалуйста, помогите.
Спасибо.

Answer 1

Я предполагаю, что ваша кнопка для отображения деталей имеет класс .detail, вы можете привязать ajaxStart к кнопке .detail как

$(".detail").ajaxStart(function(){
    $("#CountryId").change(function () {
        $.get("@Url.Action("GetStateList","TeamPlans")", { sOId: $("#CountryId").val() }, function (data) {
            //$("#StateId").empty();
            $.each(data, function (index, row) {
                $("#StateId").append("<option value='" + row.PositionNumber + "'>" + row.Name + "</option>")
            });
        });
    })
})

Больше в https://api.jquery.com/ajaxStart/