Есть ли способ выбрать метку 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 - посмотрите на самую первую систему Dropdown...

Answer 2

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