javasvript中的多选过滤器

我正在使用多重选择过滤器,我正在尝试对表进行多重选择和过滤,但是我有一个问题,如果我只选择一个值数据进行过滤并显示在我的表中,但是当我选择多个值数据时就不过滤和表演。


function filterText() {

  var rex = new RegExp($('#filterText').val());

  alert(rex);

  if (rex == "/all/") {

    clearFilter()

  } else {


    $('.content').hide();

    $('.content').filter(function() {

      return rex.test($(this).text());

    }).show();

  }

}


function clearFilter() {

  $('.filterText').val('');

  $('.content').show();

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<select id='filterText' multiple="multiple" onchange='filterText()' name="filterText[]">

  <option disabled selected>Select</option>

  <option value='1'>Lower Case</option>

  <option value='2'>Upper Case</option>

  <option value='all'>All</option>

</select>


<table>

  <tr class="content">

    <td>Mark</td>

    <td>Otto</td>

    <td>Lower Case</td>

  </tr>


  <tr class="content">

    <td>1</td>

    <td>Larry</td>

    <td>the Bird</td>

    <td>Upper Case</td>

  </tr>

  <tr class="content">

    <td>1</td>

    <td>Mark</td>

    <td>Otto</td>

    <td>Lower Case</td>

  </tr>

  <tr class="content">

    <td>2</td>

    <td>Jacob</td>

    <td>Thornton</td>

    <td>Upper Case</td>

  </tr>

</table>

我只想如果我选择小写(值= 1)和大写(值= 2)显示两个表。



智慧大石
浏览 142回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript