В таблице есть строки которые имеют одинаковые id.
К примеру оплачен счет или не оплачен.
<tr id="active" class="client"></tr>
<tr id="active" class="client"></tr>
<tr id="active" class="client"></tr>
<tr id="not_active" class="client"></tr>
<tr id="not_active" class="client"></tr>
<tr id="canc" class="client"></tr>
<tr id="canc" class="client"></tr>
<select name="items" onchange="showhideBlocks(value)">
<option value="0"> All
<option value="1">Activ
<option value="2"> non active
</select>
function showhideBlocks(val){
if(val==0){
document.getElementById('active').style.display='table-row';
document.getElementById('not_active').style.display='table-row';
document.getElementById('canc').style.display='table-row';
}
else{
document.getElementById('active').style.display='none';
document.getElementById('not_active').style.display='none';
document.getElementById('canc').style.display='none';
document.getElementById('i'+val).style.display='table-row';
}
}
Нужно скрывать все строки определенного id, но почемуто работает не так как нужно.