JSFiddle - React, Tailwind, and code Playground

HTML

<div class="articles">
    <form method="GET" action=_output.html>
        <table align="left">
<tr><th><label for="id_environment">In which enviroment is the VIP to be built</label></th><td><select  name="environment_method" id="id_environment_method">
<option value="">Select</option>
<option value="A">PRD</option>
<option value="B">DMZ</option>
<option value="C">NPE</option>
</select></td></tr>

<tr><th><label for="id_A">Select a partition:</label></th><td><select name="aerial_size_dist" id="id_A">
<option value="A1" selected="selected">A1</option>
<option value="A2">A2</option>
</select></td></tr>

<tr><th><label for="id_B">Ground spray type:</label></th><td><select name="ground_spray_type" id="id_B">
<option value="B1" selected="selected">B1</option>
<option value="B2">B2</option>
</select></td></tr>
</table>                  
</form>
</div>

JavaScript

$(document).ready(function() {
    $('#id_A').closest('tr').addClass('method_options').hide();
    $('#id_B').closest('tr').addClass('method_options').hide();

    $('#id_environment').change(function() {
        $('tr.method_options').hide();
        $('#id_' + $(this).val()).closest('tr').show();
    });
});