Перенос текста в раскрывающемся списке HTML

Я хочу обернуть длинный текст в поле опций.

Пример:

<select class = "myselect">
  <option value = "">Select</option>
  <option value = "1">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value = "2">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value = "3">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>

</select>

Как мы можем предложить вам, если не знаем, в чем ваша проблема?

— 10.10.2018 08:43

Где проблема / ошибка?

— 10.10.2018 08:43

Он сказал, что ему нужно обернуть внутри текст <option>

— 10.10.2018 08:45

Спасибо Мохаммад, Sfili_81, SilentCoder, я только что отредактировал заголовок своего вопроса, пожалуйста, предложите.

— 10.10.2018 08:48

Возможный дубликат Раскрывающийся список HTML (выберите) с переносом текста и рамкой после каждого значения (опция)

— 10.10.2018 08:56

@Abhishek Обычно вы не можете переносить текст в стандартных параметрах выбора. Теги выбора имеют ограниченные возможности стилизации и не поддерживают форматирование. Вы можете использовать любой доступный виджет jquery для меню выбора, чтобы выполнить эту задачу.

— 10.10.2018 09:00

@ Sfili_81, похоже, обман в моем браузере ничего не делает

— 10.10.2018 09:02

php jquery css html

10.10.2018 08:42

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Symfony Station Communiqué - 7 июля 2023 г

Это коммюнике первоначально появилось на Symfony Station .

Оживление вашего приложения Laravel: Понимание режима обслуживания

Здравствуйте, разработчики! В сегодняшней статье мы рассмотрим важный аспект управления приложениями, который часто упускается из виду в суете...

Установка и настройка Nginx и PHP на Ubuntu-сервере

В этот раз я сделаю руководство по установке и настройке nginx и php на Ubuntu OS.

Коллекции в Laravel более простым способом

Привет, читатели, сегодня мы узнаем о коллекциях. В Laravel коллекции - это способ манипулировать массивами и играть с массивами данных. Благодаря...

Как установить PHP на Mac

PHP - это популярный язык программирования, который используется для разработки веб-приложений. Если вы используете Mac и хотите разрабатывать...

371

Ответы 1

Попробуйте этот код !! Надеюсь, это сработает для вас ..

.myselect {
  width: 200px;
  max-width: 100%;
}
option {
 white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #DDD;
}

<select class = "myselect">
  <option value = "">Select</option>
  <option value = "1">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value = "2">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
  <option value = "3">Dummy text Dummy textDummy text Dummy text Dummy textDummy text Dummy text</option>
</select>

10.10.2018 09:39

Другие вопросы по теме

Результат вызова AJAX, jQuery .append () не работает с Laravel 5.4

Как я могу реагировать на 2 нажатия клавиши как на одно нажатие?

Удалить динамически созданный div с помощью JQUERY в SharePoint 2013

Ошибка в функции JQuery для проверки обязательных полей в настраиваемых раскрывающихся списках

JQuery: триггер ('изменение') против триггера ('change.select2')

Как передать значения поля ввода массива из javascript? я заполняю только 1-е значение

Как изменить размер виджета внизу экрана в gridstack.js?

Проблема зацикливания API YouTube

Атрибут data-limit не является допустимым атрибутом элемента option на странице aspx в vs2013

Как добавить специальный атрибут к элементу, если у него есть класс или нет jquery?

Перенос текста в раскрывающемся списке HTML

Ответы 1

Другие вопросы по теме

Похожие вопросы