JSFiddle - React, Tailwind, and code Playground

by Alexis López Espinoza

HTML

<select id="options">
    <option>Seleccione un año</option>
    <option value="2014">2014</option>
    <option value="2013">2013</option>
    <option value="2012">2012</option>
</select>

<table>
    <tr class="2014"><td>2014</td></tr>
    <tr class="2014"><td>2014</td></tr>
    <tr class="2014"><td>2014</td></tr>
    <tr class="2013"><td>2013</td></tr>
    <tr class="2013"><td>2013</td></tr>
    <tr class="2013"><td>2013</td></tr>
    <tr class="2012"><td>2012</td></tr>
    <tr class="2012"><td>2012</td></tr>
    <tr class="2012"><td>2012</td></tr>
</table>

CSS

table{
    border: .1em lightgray solid;
}

JavaScript

var select = document.getElementById("options"),
    forEach = Array.prototype.forEach;

select.addEventListener("change", function(){
    forEach.call(document.getElementsByTagName("tr"), function(tr){
        tr.style.display = tr.className == select.value ? "none" : "block";
    });
}, false);