HTML множественный выбор должен выглядеть как HTML select - PullRequest
1 голос
/ 17 марта 2010

альтернативный текст http://www.freeimagehosting.net/image.php?a55fa98f01.jpgHi Я пытаюсь использовать поле выбора HTML с несколькими вариантами выбора и размером до 1, как показано ниже `

<SELECT NAME="toppings" MULTIPLE SIZE=5>
<OPTION VALUE="mushrooms">mushrooms
<OPTION VALUE="greenpeppers">green peppers
</SELECT>

Когда для размера задано значение 1, появляется небольшая полоса прокрутки, что делает страницу неуклюжей. Если я увеличу размер, она сожрает мою страницу, поскольку на странице и вокруг нее около 20 таких множественных блоков. Я ищу решение, которое выглядит как <SELECT>, но должно работать как несколько Это возможно. Я помню видел что-то подобное, но не помню точно. Любые идеи

Я загрузил изображение Образец http://www.freeimagehosting.net/image.php?a55fa98f01.jpg

Ответы [ 4 ]

3 голосов
/ 17 марта 2010

Проверьте этот код ... он превращает ваш многорядный выбор в выпадающий список с флажками, используя jQuery.

code.google.com / р / выпадающий-чек-лист

1 голос
/ 17 марта 2010

Я собираюсь пойти в другом направлении с этим:

Вы действительно действительно должны переосмыслить свой дизайн, если вам нужно делать то, что вы делаете здесь. Вы также можете выбрать книгу на HTML; и дизайн интерфейса в целом.

Когда все выглядит определенным образом, это дает людям определенные ожидания: одиночный выбор должен всегда выглядеть как одиночный, а множественный выбор должен никогда одиночный выбор.

0 голосов
/ 17 марта 2010

Нельзя скрыть полосу прокрутки в множественном выборе ... в противном случае она будет выглядеть как текстовая область и может сбить пользователя с толку. Если вы действительно хотите скрыть это, сделайте div и разместите его над областью полосы прокрутки, чтобы имитировать его скрытие. Я не рекомендую это, но это возможно.

0 голосов
/ 17 марта 2010

Вы не можете отобразить множественный выбор как обычный выбор. Если бы вы могли, как вы ожидаете, что пользователь выберет несколько значений?

При этом решением будет создать собственное решение или использовать один из плагинов jquery.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...