JSFiddle - React, Tailwind, and code Playground
HTML
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<body>
<div>
<select>
<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 () {
$("select").change(function () {
$("select option:selected").each(function () {
if ($(this).attr("value") == "automobily") {
$(".box").hide();
$(".automobily").show();
}
if ($(this).attr("value") == "motorky") {
$(".box").hide();
$(".motorky").show();
}
});
}).change();
});