JSFiddle - React, Tailwind, and code Playground

HTML

<select id="ids">
  <option value="#" selected>все</option>
  <option value="id1" >id1</option>
  <option value="id2" >id2</option>
  <option value="id3" >id3</option>
  <option value="id4" >id4</option>
</select>

<select id="langs">
  <option value="#" selected>все</option>
  <option value="lang1" >lang1</option>
  <option value="lang2" >lang2</option>
  <option value="lang3" >lang3</option>
  <option value="lang4" >lang4</option>
</select>

<select id="procs">
  <option value="#" selected>все</option>
  <option value="proc1" >proc1</option>
  <option value="proc2" >proc2</option>
  <option value="proc3" >proc3</option>
  <option value="proc4" >proc4</option>
</select>

<div id='d-contents'>
  <div class="id1 lang3 proc2">id1 lang3 proc2</div>
  <div class="id2 lang2 proc4">id2 lang2 proc4</div>
  <div class="id3 lang1 proc4">id3 lang1 proc4</div>
</div>

JavaScript

$("select").change(function(){$("div:not(#d-contents)").hide();var e=[];$("select option:selected").each(function(){e.push($(this).val())}),$.each(e,function(n,t){"#"!==t&&$("."+t).show()}),1===$.grep(e,function(n,t){return $.inArray(n,e)===t}).length&&$("div:not(#d-contents)").show()});