您可以添加第二个select选项并控制何时显示或隐藏它。
使用纯JavaScript的示例：

var cars = document.getElementById('cars');
var type = document.getElementById('type');

cars.addEventListener("change", () => {
  update(cars)
});

function update(cars) {
  if (cars.value === "saab") {
    type.classList.remove("hide");
  } else {
    type.classList.add("hide");
  }
}

.hide {
  display: none;
}

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select name="type" id="type" class="hide">
  <option value="x">Model X</option>
  <option value="y">Model Y</option>
  <option value="z">Model Z</option>
</select>

[已编辑]使用两个具有相同名称和值的select也是可能的：

var cars = document.getElementById('cars');
var type = document.getElementById('type');

cars.addEventListener("change", () => {
  update(cars)
});

function update(cars) {
  if (cars.value === "saab") {
    type.classList.remove("hide");
  } else {
    type.classList.add("hide");
  }
}

.hide {
  display: none;
}

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

<select name="cars" id="type" class="hide">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

可以使用相同的名称和值，只需要id唯一即可。