Source:
<select id="brand" name="brand">
<option value="audi">audi</option>
<option value="bmw">bmw</option>
</select>
<br><br>
Audi:
<select name="audi" class="sel-hidden active select-audi">
<option>OPEN</option>
<option>DELIVERED</option>
</select>
<br>
Bmw:
<select name="bmw" class="sel-hidden select-bmw">
<option>bmw 3</option>
<option>bmw 5</option>
</select>
.sel-hidden {
display: none
}
.sel-hidden.active{
display:block
}
$(document).ready(function() {
$("#brand").change(function() {
var el = $(this) ;
$('.sel-hidden').hide();
$('.select-' + el.val()).show();
});
});
This Pen doesn't use any external CSS resources.