그런데 list 페이지에서 원하는 것을 검색하려면 어떻게 해야 하나요?
본문
아래의 소스에서 "서울"을 선택하면 "모든 구"가 나옵니다.
그런데 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>