Filtro tabela Multiplos Filtros

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>
 <input type="text" value="idtable_15265" id="valorTable">
<br>
<label>Nome</label>
<select  id="myInput" class="form-control">
  <option value="">Selecione</option>
  <option value="Island">Island Trading</option>
  <option value="specialites">Paris specialites</option>
  
</select>

<select  id="myInput_1" class="form-control"  >
  <option value="">Selecione</option>
  <option value="Island">Island Trading</option>
  <option value="specialites">Paris specialites</option>
  
</select>

<label>Country</label>
<select id="myInput2" class="form-control"  >
  <option value="">Selecione</option>
  <option value="UK">UK</option>
  <option value="Germany">Germany</option>
  <option value="Italy">Italy</option>
   
  
</select>

<input type="button" class="btn btn-default" value="Search" onclick="myFunction()">


<div class="form-group col-md-12" id="idtable_15265">


<table class="table table-striped">
  <tr class="header">
    <th style="width:60%;">Name</th>
    <th style="width:40%;">Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Berglunds snabbkop</td>
    <td>Sweden</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>UK</td>
  </tr>
   <tr>
    <td>Island Trading</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Koniglich Essen</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Canada</td>
  </tr>
  <tr>
...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}