셀렉트 박스 값 변경시 바로 확인? 채택완료

아래의 코드를 한번 참고를 해보세요..

<form id="searchForm" method="GET" action="your_search_page.php">
    <select name="region" id="regionSelect">
        <option value="">전체</option>
        <option value="부산">부산</option>
        <option value="서울">서울</option>
        <!-- 다른 옵션들 -->
    </select>
</form>

<script>
document.getElementById('regionSelect').addEventListener('change', function() {
    document.getElementById('searchForm').submit();
});
</script>

<select name="region" id="regionSelect">
    <option value="">전체</option>
    <option value="부산">부산</option>
    <option value="서울">서울</option>
    <!-- 다른 옵션들 -->
</select>

<div id="resultList">
    <!-- 결과 리스트가 여기에 표시됩니다 -->
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    $('#regionSelect').on('change', function() {
        var selectedRegion = $(this).val();
        $.ajax({
            url: 'search.php',
            method: 'GET',
            data: { region: selectedRegion },
            success: function(response) {
                $('#resultList').html(response);
            }
        });
    });
});
</script>