JSFiddle - React, Tailwind, and code Playground

HTML

<select id="sel" name="sel">
        <option value="a">a</option>
        <option value="b">b</option>
        <option value="c">c</option>
        <option value="e">e</option>
        <option value="f">f</option>
        <option value="g">g</option>
        <option value="z">z</option>
    </select>

<table id="tableID">
      <tr>
        <td>a</td>
        <td>c</td>
        <td>g</td>
        <td>f</td>
      </tr>
      <tr>
        <td>z</td>
        <td>a</td>
        <td>f</td>
        <td>e</td>
      </tr>
      <tr>
        <td>b</td>
        <td>y</td>
        <td>a</td>
        <td>c</td>
      </tr>
      <tr>
        <td>n</td>
        <td>b</td>
        <td>g</td>
        <td>a</td>
      </tr>
    </table>

CSS

td {
    display: none;
}

JavaScript

$('#sel').on('change', function(){
    var selectedValue = $(this).val();
    $('#tableID').find('td').each(function(){
        if ($(this).text() === selectedValue)
        {
            $(this).show();
        }
        else
        {
            $(this).hide();
        }
    });
});