如何过滤jQuery中的多个选择?带有多选选项的jQuery过滤器
如果我有表是这样的:
$('#mask').on('change', function(){
var isiwak = $('.wak').val();
var isi = $("#mask").val();
if(isiwak=="allwak" && isi == "all"){
$(".allshow").show();
} else {
$("td:not(."+isi+")").parent().hide();
$("."+isi).parent().show();
}
});
//OnChange waktu
$('.wak').on('change', function(){
var isiwak = $('.wak').val();
var isi = $("#mask").val();
if(isiwak=="allwak" && isi == "all"){
$(".allshow").show();
} else {
$("td:not(."+isiwak+")").parent().hide();
$("."+isiwak).parent().show();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
<thead>
<tr>
<th>No</th><th>Nama Maskapai</th><th>Jam Terbang</th><th>Action</th>
</tr>
</thead>
<tbody id="data">
<tr class="allshow" style="">
<td class="num"></td>
<td class="b">b</td>
<td class="pagi">02:09</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow" style="">
<td class="num"></td>
<td class="a">a</td>
<td class="pagi">01:08</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow" style="">
<td class="num"></td>
<td class="b">b</td>
<td class="siang">12:12</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow">
<td class="num"></td>
<td class="c">c</td>
<td class="malam">19:20</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow" style="">
<td class="num"></td>
<td class="b">b</td>
<td class="pagi">09:12</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow">
<td class="num"></td>
<td class="c">c</td>
<td class="pagi">10:20</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow" style="">
<td class="num"></td>
<td class="c">c</td>
<td class="siang">12:12</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow">
<td class="num"></td>
<td class="a">a</td>
<td class="malam">19:20</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow" style="">
<td class="num"></td>
<td class="a">a</td>
<td class="siang">12:12</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
<tr class="allshow">
<td class="num"></td>
<td class="b">b</td>
<td class="pagi">19:20</td>
<td><a href="#" onclick="deleteRows(this)">Delete</a> <a href="#" class="naik">Up</a> <a href="#" class="turun">Down</a></td>
</tr>
</tbody>
</table>
<select id="mask">
<option value="all"> -Pilih Maskapai- </option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<select class="wak">
<option value="allwak"> -Pilih Waktu- </option>
<option value="pagi">pagi</option>
<option value="siang">siang</option>
<option value="malam">malam</option>
</select>
我想有两个选择,第一个选择过滤是“非农产品市场准入maskapai”和第二选择是“果酱terbang”,其中'果酱terbang“有班级'pagi','siang','malam'。
我想使用2选择如果我选择'nama maskapai',他们将显示所有'nama maskapai'并且还会选择。
此代码只是可以筛选一个选择选项。
使用此[小提琴](https://jsfiddle.net/pandeyvishal1986/pma54tch/#&togetherjs=M43akkpCKV) – RonyLoud