JQueryで絞り込み検索

Question

前提・実現したいこと

Jqueryを用いて絞り込みの検索ができるようにしたいのですが
Aのfunction　と　Bのfunctionを同時に満たす
という記法がわからない状況です

下記のソースコードで実現したいのは
セレクトボックスで企業名を選択して絞り込む
radioボタンで絞り込む
という二つの動作に加えて
セレクトボックス、ラジオボタン　のどちらもを選択した際に
どちらも満たすものだけを表示したいと思っています

知識のご協力お願いいたします

該当のソースコード

<div id="corp-search">
			<form method="get" action="">
			
				<select name="company" id="corp-select" class="form-control"
					style="width: 20%">
					<option value="">企業を選択してください</option>
					<c:forEach items="${corpList }" var="corp">
						<option class="corpN" value="${corp.corpName }">
						<c:out value="${corp.corpName }" /></option>
					</c:forEach>	
								
				</select>
				<div id = "active-select">
				<input type="radio" name="search" value="">ALL
        <input type="radio" name="search" value="アクティブ">アクティブ
        <input type="radio" name="search" value="休止中">休止中
		</div>				
		</form>
		</div>

$(function () {
	$('#corp-select').on('change',function () {
		var select_val = $("#corp-select option:selected").val();

		$.each($("#corp-table tbody tr"), function(index, element) {
			if (select_val == "") {
				$(element).css("display", "table-row");
				return true;
			}
			var row_text = $(element).text();

			if (row_text.indexOf(select_val) != -1) {
				$(element).css("display", "table-row");
			} else {
				$(element).css("display", "none");
			}

		});
	});
	$('#active-select').on('change',function () {
		
		var select_active = $(" #active-select [name='search']:checked").val();
		$.each($("#corp-table tbody tr"), function(index, element) {
			if (select_active == "") {
				$(element).css("display", "table-row");
				return true;
			}
			var row_text = $(element).text();

			if (row_text.indexOf(select_active) != -1) {
				$(element).css("display", "table-row");
			}else {
				$(element).css("display", "none");
			}

		});
	});
});

補足情報（FW/ツールのバージョンなど）

使用しているのはEclipseです

Comments

[yambejp]

サーバーサイドの処理は再現できないので、HTMLとして例示下さい
結局何をやりたいのかもわかりません

Answer 1

それぞれのchangeイベントが発動したときにselect_activeとselect_valの中身を両者のfunctionで検証する必要があると思います
具体的には以下のような感じです

   $('#corp-select').on('change',function () {
      var select_val = $("#corp-select option:selected").val();
      var select_active = $(" #active-select [name='search']:checked").val();

      $.each($("#corp-table tbody tr"), function(index, element) {
          if (select_val == "" && select_active == "") {
              $(element).css("display", "table-row");
              return true;
          }
          var row_text = $(element).text();

          if (row_text.indexOf(select_val) != -1 || row_text.indexOf(select_active) != -1) {
              $(element).css("display", "table-row");
          } else {
              $(element).css("display", "none");
          }

      });
  });