前提・実現したいこと
Jqueryを用いて絞り込みの検索ができるようにしたいのですが
Aのfunction と Bのfunctionを同時に満たす
という記法がわからない状況です
下記のソースコードで実現したいのは
セレクトボックスで企業名を選択して絞り込む
radioボタンで絞り込む
という二つの動作に加えて
セレクトボックス、ラジオボタン のどちらもを選択した際に
どちらも満たすものだけを表示したいと思っています
知識のご協力お願いいたします
該当のソースコード
Html
1<div id="corp-search"> 2 <form method="get" action=""> 3 4 <select name="company" id="corp-select" class="form-control" 5 style="width: 20%"> 6 <option value="">企業を選択してください</option> 7 <c:forEach items="${corpList }" var="corp"> 8 <option class="corpN" value="${corp.corpName }"> 9 <c:out value="${corp.corpName }" /></option> 10 </c:forEach> 11 12 </select> 13 <div id = "active-select"> 14 <input type="radio" name="search" value="">ALL 15 <input type="radio" name="search" value="アクティブ">アクティブ 16 <input type="radio" name="search" value="休止中">休止中 17 </div> 18 </form> 19 </div>
JavaScript
1$(function () { 2 $('#corp-select').on('change',function () { 3 var select_val = $("#corp-select option:selected").val(); 4 5 $.each($("#corp-table tbody tr"), function(index, element) { 6 if (select_val == "") { 7 $(element).css("display", "table-row"); 8 return true; 9 } 10 var row_text = $(element).text(); 11 12 if (row_text.indexOf(select_val) != -1) { 13 $(element).css("display", "table-row"); 14 } else { 15 $(element).css("display", "none"); 16 } 17 18 }); 19 }); 20 $('#active-select').on('change',function () { 21 22 var select_active = $(" #active-select [name='search']:checked").val(); 23 $.each($("#corp-table tbody tr"), function(index, element) { 24 if (select_active == "") { 25 $(element).css("display", "table-row"); 26 return true; 27 } 28 var row_text = $(element).text(); 29 30 if (row_text.indexOf(select_active) != -1) { 31 $(element).css("display", "table-row"); 32 }else { 33 $(element).css("display", "none"); 34 } 35 36 }); 37 }); 38});
補足情報(FW/ツールのバージョンなど)
使用しているのはEclipseです
回答1件
あなたの回答
tips
プレビュー