jQuery 간단한 선택 상자를 사용하여 목록 필터링

Question

jquery 또는 javascript로이 간단한 LIST를 필터링하고 싶습니다. 발견 된 유일한 예는 다음과 같은 여러 selectedbox가있는 것입니다. http://jsfiddle.net/EfEYQ/

도와 주시겠습니까? 사전에 들으 여기

<select id="filtercountry"> 
        <option value='ALL' selected="selected">Select by Country</option> 
        <option value="1">Australia</option> 
        <option value="2">Austria</option> 
        <option value="3">Brazil</option> 
        <option value="4">Canada</option> 
</select> 


<ul class="submenu"> 
    <li class="submenucategory">KIDS</li> 
    <li id="Cell1" class="lilist">AAAAAA <span class="country">1</span></li> 
    <li id="Cell2" class="lilist">BBBBBB <span class="country">2</span></li> 
    <li id="Cell3" class="lilist">CCCCCC <span class="country">2</span></li> 
    <li id="Cell4" class="lilist">DDDDDD <span class="country">1</span></li> 
    <li id="Cell5" class="lilist">EEEEEE <span class="country">3</span></li> 
    <li id="Cell6" class="lilist">FFFFFF <span class="country">4</span></li> 
</ul> 

Answer 1

당신은 동료, 이동 - 거의 동일하여 위의 예와 같은 :

DEMO

$('#filtercountry').change(function(){ 
    var criteria = $(this).val(); 
    if(criteria == 'ALL'){ 
     $('.lilist').show(); 
     return; 
    } 
    $('.country').each(function(i,option){ 
     if($(this).html() == criteria){ 
      $(this).parent().show(); 
     }else { 
      $(this).parent().hide(); 
     } 
    }); 
});​​​​​​​​​​​​​​