Есть ли способ выбрать метку optgroup в теге select?

Question

Допустим, у нас есть этот тег выбора. Могу ли я выбрать вариант «Шведские автомобили», который отображается в раскрывающемся списке?

<select>
    <optgroup label="Swedish Cars">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
    </optgroup>
    <optgroup label="German Cars">
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </optgroup>
</select>

Если нет, что было бы хорошим предложением при создании чего-то подобного и чтобы можно было выбрать «Шведские автомобили»?

Answer 1

Javascript select может помочь.

Во-первых, показывать только Swedish Cars, German Cars и т. Д. В одном раскрывающемся списке "Родитель". Когда родители выбраны, их дети появляются в новом раскрывающемся списке.

Не заставляйте пользователя выбирать ребенка.

Это лучше проиллюстрировано на этой странице: http://wimleers.com/demo/hierarchical-select/taxonomy - посмотрите на самую первую выпадающую систему ...

Answer 2

Вам придется отказаться от использования SELECT и использовать стилизованные неупорядоченные списки в раскрывающейся замене с использованием JavaScript, чтобы заставить его вести себя как SELECT.