어떻게이 같은 예제를 사용하여 자바 스크립트

Question

을 사용하여 테이블에서 여러 항목을 선택할 수 있습니다. select2.js를 사용하여 여러 개의 선택된 항목을 가져올 생각을하고있었습니다. 그런 다음 테이블을 밑줄로 처리하십시오 ... 블로그가있는 경우 을 설명하십시오.

Answer 1

나는 당신이 요구하는 것은 생각 :

나는 테이블과 다중 선택 상자가 있습니다. 다중 선택 상자에서 사용자의 선택을 사용하여 테이블의 행을 필터링하려고합니다. 아무 것도 선택하지 않으면 모든 행이 표시됩니다. 두 옵션을 선택하면 해당 두 옵션에 해당하는 행만 표시됩니다. 어떻게해야합니까?

이 작동 : jQuery를하고 선택 2와

HTML

<select id="browserSelect" multiple style="width:300px"> 
    <option value="Firefox">Firefox</option> 
    <option value="Mozilla">Mozilla</option> 
    <option value="IE">IE</option> 
    <option value="Netscape">Netscape</option> 
    <option value="Opera">Opera</option> 
</select> 
<table> 
    <tr> 
     <td>Firefox</td> 
     <td>details</td> 
    </tr> 
    <tr> 
     <td>IE</td> 
     <td>details</td> 
    </tr> 
    <tr> 
     <td>Firefox</td> 
     <td>more details</td> 
    </tr> 
    <tr> 
     <td>Netscape</td> 
     <td>details</td> 
    </tr> 
    <tr> 
     <td>Mozilla</td> 
     <td>details</td> 
    </tr> 
    <tr> 
     <td>Opera</td> 
     <td>details</td> 
    </tr> 
</table> 

JS를 :

$("#browserSelect").select2().change(function() { 
    var selectedBrowsers = $('select').val(); 
    if (selectedBrowsers) { 
    //If the user made a selection, hide every row of the table 
     $('tr').hide(); 
     //Show only rows where the text in the first column 
     //corresponds to one of the user's selections 
     $('td:first-child').each(function (i, cell) { 
      if (selectedBrowsers.indexOf($(cell).text()) > -1) { 
       $(cell).parent().show(); 
      } 
     }); 
    } else { 
    //Show all rows when there is no selection 
     $('tr').show(); 
    } 
}); 

http://jsfiddle.net/Q526A/3/

나는 여러 선택 상자 이상의 사용자를 만들기 위해 선택 2를 사용 -친한, 네가 제안한대로