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();
  });
  
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js