JSFiddle - React, Tailwind, and code Playground

HTML

<div id="users">
  <div class="verf_s0">
    <label>
      <input class="filter-all verf_s" type="radio" value="" name="item_verf" id="item_verf_all" checked /> All
    </label>
    <label>
      <input class="filter verf_s" type="radio" value="true" name="item_verf" id="item_verf_yes" /> True
    </label>
    <!--<select class="verf_s" style="width:120px;" data-placeholder="Choose a verf">
      <option value>All</option>
      <option value="true">True</option>
    </select>-->

  </div>

  <input class="search" type="text" placeholder="Search" />
  <select class="date_s select_evo" style="width:120px;" data-placeholder="Choose a date">
    <option value>All</option>
  </select>
  <select class="name_s select_evo" multiple style="width:150px;" data-placeholder="Choose a name">
  </select>

  <ul class="list">
    <li>
      <h3 class="name">Jonny Wayne, Wanya Ept</h3>
      <p class="born">1986, 2000</p>
      <p class="verified">true</p>
    </li>
    <li>
      <h3 class="name">Jonas</h3>
      <p class="born">1985</p>
      <p class="verified">false</p>
    </li>
    <li>
      <h3 class="name">Jonas</h3>
      <p class="born">1985</p>
      <p class="verified">false</p>
    </li>
    <li>
      <h3 class="name">Jonas</h3>
      <p class="born">1985</p>
      <p class="verified">true</p>
    </li>
    <li>
      <h3 class="name">Martina</h3>
      <p class="born">1986</p>
      <p class="verified">false</p>
    </li>
    <li>
      <h3 class="name">Gustaf</h3>
      <p class="born">1983</p>
      <p class="verified">false</p>
    </li>
  </ul>

</div>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/list.js/2.3.1/list.min.js"></script>

<!-- Latest compiled and minified JavaScript -->
<script src="https://unpkg.com/multiple-select@1.5.2/dist/multiple-select.min.js"></script>
<link...

JavaScript

var options = {
  valueNames: ['name', 'born', 'verified']
};
var userList = new List('users', options);

var updateList = function() {
  var values_date = $(".date_s").val()
  var values_name = $(".name_s").val()
  var values_verf = $(".verf_s").val();

  userList.filter(function(item) {
    return (!values_date || item.values().born.split(", ").some(r => values_date.includes(r))) &&
      (!values_name || _(values_name).contains(item.values().name)) &&
      (!values_verf || _(values_verf).contains(item.values().verified))
  });
}

$(function() {
  updateList();
  //$(".date_s").change(updateList);
  //$(".name_s").change(updateList);

  var all_born = [];
  var all_name = [];
  var all_verf = [];
  //var all_verf = $("input[name=item_verf]:checked").val();

  _(userList.items).each(function(item) {
    all_born.push(...item.values().born.split(", "))
    all_name.push(item.values().name)
    all_verf.push(item.values().verified)
  });

  _(all_born).uniq().sort().each(function(item) {
    $(".date_s").append('<option value="' + item + '">' + item + '</option>')
  });

  _(all_name).uniq().each(function(item) {
    $(".name_s").append('<option value="' + item + '">' + item + '</option>')
  });

  /*
    $('input[name=item_verf]:checked').on('change', function() {
  updateList();
});*/

  $('.verf_s').on('change', function() {
    updateList();
  });

  $('.select_evo').each(function() {
    $(this).multipleSelect({
      onClick: updateList,
      selectAll: false,
      placeholder: $(this).data('placeholder')
    });
  });

});