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/