Javascript не показывает желаемые значения

Я пытаюсь управлять формами гравитации с помощью настраиваемых полей, чтобы показать магазины (вместе с назначением электронной почты скрытому полю) в моей форме на основе состояния с использованием JSON и JavaScript. Тот же код работает для другого веб-сайта, но не дает никакого результата когда я выбираю состояние в форме. Пожалуйста, помогите мне разобраться в этом вопросе.

Я попытался найти аналогичный ответ, но мне не повезло (также я новичок, поэтому я не очень знаком с JSON).

Сообщите мне, верен ли мой способ публикации вопроса или нужно ли внести какие-либо правки?

КОД PHP:

add_action('wp_ajax_state_list_book_appointment','state_list_book_appointment');
add_action('wp_ajax_nopriv_state_list_book_appointment','state_list_book_appointment');
function state_list_book_appointment()
{

    $states = get_field('state_options', 'option');

    $output = [];
    foreach ($states as $state) {
        if ($state['booking_Appointment']) {
             $output[] = [
            'state_name' => $state['store'] . ' (' . $state['state'] . ')',
            'state_email' => $state['store_email']
        ];
        }
    }
    echo json_encode($output);
    die();
}

JAVASCRIPT:

$(document).ready(function() {
    if ($('#input_1_4').length > 0) {

        var store_lists_book_appointment;
        $('#input_1_4').on('change', function () {
                current_state = $(this).val();
                output = '';

                state_string = '(' + current_state + ')';
                console.info(state_string);
                $("#input_1_6").val($("#input_1_6 option:first").val());
                $.each($('#input_1_6 option'), function (idx, val) {
                    // assume state is in option format of ([state])
                    idx_of_state = $(val).val().indexOf(state_string);
                    if (idx == 0 || idx_of_state > 0) {
                        $(val).show();
                    } else {
                        $(val).hide();
                    }
                });
            });

        $.ajax({
            type:"GET",
            url: my_ajax_object.ajaxurl,
            data:{action: 'state_list_book_appointment'},
            beforeSend: function(){
                $('#catvalue').html('<i class = "fa fa-spinner fa-1x" style = "color:#000;text-align:center;"></i>');
            },
                    dataType: 'json',
                success: function (data) {
                    //console.info (data);
                    store_lists = JSON.parse(data);
                    //console.info(store_lists);
                    //store_lists_women = JSON.parse(data).women;
                    output = '<option>-- Please select --</option>';
                    $.each(store_lists, function (index, value) {
                        output += '<option style = "display:none" value = "' + value.state_name + '" data-email = "' + value.state_email + '">' + value.state_name + '</option>';
                    });
                    $('#input_1_6').html(output);

                }
            });




            $('#input_1_6').on('change', function () {
                selected_email = $('#input_1_6 option:selected').data('email');
                $('#input_1_10').val(selected_email);
            });


        // This function is to prevent Chrome frontend validation. It stop working actual submit function of the form
        $('#gform_submit_button_1').on('click', function(){
            $('#gform_1').submit();
        });
    }

});