Элемент SELECT в стиле отображения множественного выбора, не позволяя множественный выбор

Question

Я хочу иметь элемент, который отображается в стиле отображения множественного выбора (это - поле вместо раскрывающегося списка), но позволяет выбирать только вещи одновременно. Это возможно?

Answer 1

Это отобразит элемент выбора в стиле списка, который допускает только один выбранный элемент одновременно:

<select size="3">
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>

Атрибут size будет контролировать количество строк, видимых в элементе управления. Если вы хотите разрешить выбор нескольких элементов, добавьте атрибут множественности к элементу select:

<select size="3" multiple="multiple">

Answer 2

Способ визуализации элементов SELECT зависит от реализации. Тот факт, что в большинстве браузеров «множественное = 1» дает вам (возможно, прокручивающий) блок опций, а множественное = «0» дает вам выпадающий список, является совпадением.

Не существует стандарта для высказывания «Я хочу, чтобы окно со списком позволяло выбрать только одну опцию».

Смотри также:

http://www.w3.org/TR/html401/interact/forms.html#h-17.6

Answer 3

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

Answer 4

Как насчет упорядоченного списка <ol> или неупорядоченного списка <ul> со ссылками на элементы списка <li>?