0
我有一個表格，其中有一個扇區列。根據下拉選擇顯示或隱藏表格行
在改變部門欄，使用下拉我需要顯示對應於扇區/隱藏行只
這是我的代碼
HTML代碼
<table class="table table-striped marg_none tablesorter tablesorter-blackice" id="myTable" role="grid">
<tbody id="positivebody" aria-live="polite" aria-relevant="all">
<tr class="greencolor" role="row">
<td class="text-center">
<label for="IBREALEST" class="marg_none">
<div></div>
</label>
</td>
<td class="greencolor">JUBLFOOD</td>
<td>99.15</td>
<td>108.25</td>
<td>CNX FMCG</td>
</tr>
<tr class="greencolor" role="row">
<td class="text-center">
<label for="DEN" class="marg_none">
<div></div>
</label>
</td>
<td class="greencolor">TCS</td>
<td>90</td>
<td>103.4</td>
<td>CNX IT</td>
</tr>
<tr class="redcolor" role="row">
<td class="text-center">
<label for="RAYMOND" class="marg_none">
<div></div>
</label>
</td>
<td class="redcolor">INFY</td>
<td>631.7</td>
<td>654</td>
<td>CNX IT</td>
</tr>
</tbody>
</table>
<select id="sectors">
<option value="None">-- Select --</option>
<option value="CNX IT">CNX IT</option>
<option value="CNX FMCG">CNX FMCG</option>
</select>
在下降變化
$(document).ready(function(){
$("#sectors").change(function(){
var textselected = document.getElementById("sectors").value ;
var tr = $('#myTable tbody tr');
tr.hide();
tr.filter(function()
{
return +$('td:eq(3)', this).text();
}).show();
});
});
這是我的小提琴
http://jsfiddle.net/cod7ceho/480/