Как из одного SELECT, при выборе OPTION открывать другие SELECT?

Question

[add99]

Из одного SELECT, при выборе OPTION открывать другие SELECT. Пример кода, чтобы объяснить (знаю, что не верно):

<select class="form-select" name="typeAuto" id="typeAuto">
    <option value="auto1">легковой автомобиль
        <select class="form-select" name="typeAuto" id="typeAuto">
            <option value="auto1">легковой автомобиль</option>
            <option value="auto2">электромобиль</option>
            <option value="auto3">грузовой автомобиль</option>
        </select>
    </option>
    <option value="auto2">электромобиль
        <select class="form-select" name="typeAuto" id="typeAuto">
            <option value="auto1">легковой автомобиль</option>
            <option value="auto2">электромобиль</option>
            <option value="auto3">грузовой автомобиль</option>
        </select>
    </option>
    <option value="auto3">грузовой автомобиль
        <select class="form-select" name="typeAuto" id="typeAuto">
            <option value="auto1">легковой автомобиль</option>
            <option value="auto2">электромобиль</option>
            <option value="auto3">грузовой автомобиль</option>
        </select>
    </option>
</select>

Comments

[cssfish]

select в select не вкладывают
при выборе значения показываем другой ранее скрытый селект
связывать можно атрибутами

Answer 1

[GeminiX]

optgroup

Answer 2

[Adamos]

Ваша фантазия противоречит стандарту HTML.
Скорее всего, нужен банальный chained select - гуглим и выбираем на вкус из готовых решений.