Поле выбора из более чем 50 слов

#javascript #jquery #css

Вопрос:

У меня есть несколько подтем, которые я хотел бы выбрать с помощью выпадающего списка. Проблема, с которой я сталкиваюсь, заключается в том, что каждая подтема состоит из 30-50 слов. Кто-нибудь знает какой-либо способ, которым я могу использовать многострочный выбор в поле выбора? Прямо сейчас я могу показать выбор, но из-за размера моей страницы у меня есть некоторые искаженные данные.

Я предполагаю, что, возможно, у jQuery есть решение, но не уверен, поскольку я не очень знаком с jQuery

1. Вы хотите, чтобы параметр в select был в нескольких строках?

2. да, это то, что мне нужно. В каждой строке select так много содержимого, что оно не поместится на моей странице. Иногда там содержится 100 слов

Ответ №1:

Вам лучше использовать автозаполнение

Чтобы сделать выпадающие элементы многострочными, просто отредактируйте css, .ac_results li сделав его выше (например, измените line-height )

1. Хороший призыв. Очень удобный плагин.

2. Спасибо за ваш ответ. Но мне нужно позволить моим пользователям выбирать из списка и позволить им видеть варианты выбора один над другим.

3. Но на самом деле я ищу функциональность выпадающего списка, где пользователи могут видеть стрелку для щелчка, а затем появляется выпадающий список:-(

Ответ №2:

Вместо использования стандартного элемента выбора HTML, возможно, рассмотрите возможность использования div с n другими разделами внутри него, каждый со своим идентификатором в качестве идентификатора подтемы (вероятно, вам нужно будет добавить что-то, если идентификаторы числовые). Показывать div при нажатии на что угодно, выделять подтему при нажатии на отдельный подраздел подтемы. Затем вы можете оформить divs по своему усмотрению, позволяя переносить текст и т.д. Это также хорошо работало бы с неупорядоченным списком.

Ответ №3:

Я бы изменил свое мнение, используя что-то другое, чем select, а скорее используя div (или диалог, или аккордеон) с выбираемыми элементами в нем, используя jQuery UI.