В окне выбора HTML отображается как несколько, но для отключения множественного выбора?

Мне нужно было:

  • Окно html <select>, показывающее как вертикально расширенное поле (а не раскрывающееся окно). Поэтому я устанавливаю его как multiple.

Затем он отображается правильно: 

<select id="gagaga" multiple>
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
  • Тогда как я могу сделать его не множественным? (до allow only 1 selection)

Ответы

Ответ 1

Используйте size="3"

<!DOCTYPE html>
<html>
<body>
<select id="gagaga" size="3">
    <option>A</option>
    <option>B</option>
    <option>C</option>
</select>
</body>
</html>

Если значение атрибута size больше 1, но ниже, чем общее количество опций в списке, браузер добавит полосу прокрутки, чтобы указать, что есть больше возможностей для просмотра.

Ответ 2

Не используйте атрибут multiple, а не задайте для него размер.

Цитата из w3schools:

Атрибут size определяет количество видимых параметров в выпадающий список.

Если значение атрибута size больше 1, но ниже, чем общее количество опций в списке, браузер добавит свиток bar, чтобы указать, что есть больше возможностей для просмотра.

Ответ 3

вам нужно предоставить size:

<select id="gagaga" size='3'>
   <option>A</option>
   <option>B</option>
   <option>C</option>
</select>

и просто удалите multiple там, он позволит вам выбрать только один параметр в списке.

Ответ 4

Вы можете использовать это:

<html>
<body>
<select id="gagaga" size="3">
   <option>A</option>
   <option>B</option>
    <option>C</option>
</select>
</body>
</html>