select 변경시 ajax 실행하는 법 > JS

$(document).ready(function() {

    // select 요소의 변경 이벤트를 감지

    $("#mySelect").change(function() {

        var selectedValue = $(this).val(); // 선택된 옵션의 값 가져오기

        // AJAX 요청 실행

        $.ajax({

            url: 'your_ajax_url.php', // 요청을 보낼 서버의 URL

            method: 'POST', // 또는 'GET' 등 요청 메서드 설정

            data: { selectedValue: selectedValue }, // 선택된 값 데이터를 서버에 전달

            dataType: 'json', // 응답 데이터의 형식 (JSON, HTML, XML 등)

            success: function(response) {

                // AJAX 요청이 성공하면 실행되는 코드

                // 서버에서 반환한 데이터를 사용하여 결과를 업데이트

                $("#result").html(response);

            },

            error: function(xhr, status, error) {

                // AJAX 요청이 실패하면 실행되는 코드

                console.error(status + ": " + error);

            }

        });

    });

});