JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<body>
<div>
<select class="kategorie">
<option>Vyber</option>
<option value="automobily">Auto</option>
<option value="motorky">Moto</option>
</select>
</div>
<select class="motorky box">
<option value="Mo">Motorky</option>
<option value="Ct">Čtyřkolky</option>
<option value="NDm">Náhradní díly</option>
<option value="Pri">Příslušenství</option>
<option value="Jim">Jiné</option>
</select>
<select class="automobily box">
<option value="OA">Osobní automobily</option>
<option value="NA">Nákladní automobily</option>
<option value="Do">Dodávky</option>
<option value="Pr">Přívěsy</option>
<option value="ND">Náhradní díly</option>
<option value="Ji">Jiné</option>
</select>
</body>
CSS
.box {
display: none;
margin-top: 20px;
border: 1px solid #000;
}
JavaScript
$(document).ready(function () {
$(".kategorie").change(function(){
var value = $(".kategorie option:selected").attr("value");
$(".box").hide();
$(".box." + value).show(); //např. .moznost.auta
});
});