아래의 소스에서 "서울"을 선택하면 "모든 구"가 나옵니다.

그런데 list 페이지에서 원하는 것을 검색하려면 어떻게 해야 하나요?

>> 서울 선택 하면 => 서울 모든 지역이 리스트 목록에 나오고, 

>> 서울 그리고 강남구 를 선택 할 면 => 서울 강남구가 

검색한 리스트 목록에 쭉 나오기를 바랍니다. 

감사합니다. 

=========================

    <script src="<?php echo G5_URL; ?>/jquery.min.js"></script>

    <script>
        $(function(){
            $('[name="sca_do"]').click(function(){
                $('[name="sca"]').val($(this).data('val'));
                $('.sca_do li').removeClass('active');
                $(this).addClass('active');
                $('.sca_si li').removeClass('active');
                $('.sca_si').hide();
                $('[data-ol="' + $(this).data('val') + '"] li:first').addClass('active');
                $('[data-ol="' + $(this).data('val') + '"]').show();
            });
            $('[name="sca_si"]').click(function(){
                $('[name="sca"]').val($(this).data('val'));
                $('.sca_si li').removeClass('active');
                $(this).addClass('active');
            });
            $('[name="sw1"]').click(function(){
                $('[name="sw1"]').val($(this).data('val'));
                $('.sw1 li').removeClass('active');
                $(this).addClass('active');
            });
        });
        </script>
    

                        <div class="search_filter">
                        
                            <form autocomplete="off">
                            
                                <p>지역선택</p>
                                <ul class="sca_do">
                                    <li name="sca_do" data-val="" class="active">전국</li>
                                    <li name="sca_do" data-val="서울" class="">서울</li>
                                    <li name="sca_do" data-val="경기" class="">경기</li>
                                    ... 
                                </ul>
                                                
                                                                    
                                <ol data-ol="서울" class="sca_si" style="display: none;">
                                    <li name="sca_si" data-val="서울" class="active">전체</li>
                                    <li name="sca_si" data-val="서울 강남구" class="">강남구</li>
                                    <li name="sca_si" data-val="서울 강동구" class="">강동구</li>
                                    ...
                                </ol>
                                
                            </form>
                        </div>