我有一个表格,其中有一个扇区列。根据下拉选择显示或隐藏表格行
在改变部门栏,使用下拉我需要显示对应于扇区/隐藏行只
这是我的代码
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/