JSFiddle - React, Tailwind, and code Playground
HTML
<form method="post">
<table>
<tr>
<td>
<select id="StateSelection1" name="StateSelection">
<option value="1">state 1</option>
<option value="2">state 2</option>
<option value="3">state 3</option>
<option value="4">state 4</option>
<option value="5">state 5</option>
</select>
</td><td>
<input type="submit" class="bouton" name="test"/>
</td><td>
<div id="1" class="1">1</div>
<div id="2" class="1">2</div>
<div id="3" class="1">3</div>
<div id="4" class="1">4</div>
<div id="5" class="1">5</div>
</td>
</tr>
<tr>
<td>
<select id="StateSelection2" name="StateSelection">
<option value="1">state 1</option>
<option value="2">state 2</option>
<option value="3">state 3</option>
<option value="4">state 4</option>
<option value="5">state 5</option>
</select>
</td><td>
<input type="submit" class="bouton" name="test"/>
</td><td>
<div id="1" class="2">1</div>
<div id="2" class="2">2</div>
<div id="3" class="2">3</div>
<div id="4" class="2">4</div>
<div id="5" class="2">5</div>
</td>
</tr>
</table>
</form>
JavaScript
$(function(){
$(".2").hide();
$(".3").hide();
$(".4").hide();
$(".5").hide();
});
$("form").submit(function() {
switchDiv1( $("#StateSelection1").find("option:selected").val() );
switchDiv2( $("#StateSelection2").find("option:selected").val() );
return false;
});
function switchDiv1(value){
$("#1").$(".1").hide();
$("#2").$(".1").hide();
$("#3").$(".1").hide();
$("#4").$(".1").hide();
$("#5").$(".1").hide();
$("#" + value).$(".1").toggle();
};
function switchDiv2(value){
$("#1").$(".2").hide();
$("#2").$(".2").hide();
$("#3").$(".2").hide();
$("#4").$(".2").hide();
$("#5").$(".2").hide();
$("#" + value).$(".2").toggle();
};