Select jquery выбранный элемент: Работа с select option с помощью JQuery

Получить выбранное значение элемента раскрывающегося списка с помощью jQuery

1 ответ на этот вопрос.

0 голосов

Связанные вопросы в JQuery

Привет @картик, Используйте Children() и each(), при желании вы можете передать … ПОДРОБНЕЕ

ответил 5 октября 2020 г. в JQuery к Нирой • 82 840 баллов • 3738 просмотров

  • HTML
  • CSS
  • JavaScript
  • ларавель
  • PHP

Как я мог добиться следующего: document.all.regTitle.innerHTML = … ПОДРОБНЕЕ

31 мая 2022 г. в JQuery к Эдурека • 13 630 баллов • 1002 просмотра

  • javascriptjqueryinnerhtml

Вы можете получить вычисленное значение … ПОДРОБНЕЕ

ответил 14 июня 2022 г. в JQuery к гаурав • 22 970 баллов • 307 просмотров

  • JavaScript
  • jquery
  • HTML
  • CSS

Использование метода jQuery change(); вы можете .

.. ПОДРОБНЕЕ

ответил 17 июня 2022 г. в JQuery к раджата • 7 480 баллов • 6,697 просмотров

  • jquery
  • HTML
  • выбрано
  • HTML-выбор

Если вы не знали, Microsoft планирует … ПОДРОБНЕЕ

ответил 15 октября 2018 г. в IoT (Интернет вещей) к Энни97 • 2 160 баллов • 327 просмотров

  • jquery
  • нетто

Я предлагаю вам проверить 2 вещи Этот jquery.sparkline.js на самом деле … ПОДРОБНЕЕ

ответил 9 ноября 2018 г. в Апач Спарк к Фрэнки • 9,830 баллов • 749 просмотров

  • искра
  • спарклайн
  • jquery

Привет, jQuery — это быстрый и лаконичный JavaScript … ПОДРОБНЕЕ

ответил 14 февраля 2020 г. в JQuery к картик • 37 510 баллов • 577 просмотров

  • HTML
  • CSS
  • JavaScript
  • jquery
  • угловой

Привет Картик, Переменная, объявленная вне функции, имеет . .. ПОДРОБНЕЕ

ответил 19 февраля 2020 г. в PHP к Нирой • 82 840 баллов • 490 просмотров

  • HTML
  • PHP
  • CSS
  • угловой
  • jquery

Отредактируйте файл SVG, добавьте fill=»currentColor» в … ПОДРОБНЕЕ

ответил 1 июня 2022 г. в JQuery к Эдурека • 13 630 баллов • 13 700 просмотров

  • jquerycssvg

Создать модальный

ПОДРОБНЕЕ

ответил 2 июня 2022 г. в JQuery к Эдурека • 13 630 баллов • 4267 просмотров

  • jquery
  • HTML
  • Что такое курс селена? 15 марта 2022 г.
  • SEO: Whois-сервер, работающий с доменами .SE? 19 февраля 2022 г.
  • Преобразование времени из EST в UTC в Excel 18 февраля 2022 г.
  • как найти элемент в селене 7 февраля 2022 г.
  • как узнать селен? 7 февраля 2022 г.
  • Все категории
  • ЧатGPT (11)
  • Апач Кафка (84)
  • Апач Спарк (596)
  • Лазурный (145)
  • Большие данные Hadoop (1907)
  • Блокчейн (1673)
  • С# (141)
  • С++ (271)
  • Консультирование по вопросам карьеры (1060)
  • Облачные вычисления (3469)
  • Кибербезопасность и этичный взлом (147)
  • Аналитика данных (1266)
  • База данных (855)
  • Наука о данных (76)
  • DevOps и Agile (3608)
  • Цифровой маркетинг (111)
  • События и актуальные темы (28)
  • IoT (Интернет вещей) (387)
  • Джава (1247)
  • Котлин (8)
  • Администрирование Linux (389)
  • Машинное обучение (337)
  • Микростратегия (6)
  • PMP (423)
  • Power BI (516)
  • питон (3193)
  • РПА (650)
  • SalesForce (92)
  • Селен (1569)
  • Тестирование программного обеспечения (56)
  • Таблица (608)
  • Таленд (73)
  • ТипСкрипт (124)
  • Веб-разработка (3002)
  • Спросите нас о чем угодно! (66)
  • Другие (2204)
  • Мобильная разработка (363)

Подпишитесь на нашу рассылку новостей и получайте персональные рекомендации.

Уже есть учетная запись? .

Select API — Material UI

Перейти к содержимому

Изменить эту страницу

Справочные документы API для компонента React Select. Узнайте о реквизитах, CSS и других API этого экспортированного модуля.

Демонстрации

Импорт

 импорт Выберите из '@mui/material/Select';
// или
импортировать { Select } из '@mui/material'; 

Вы можете узнать о разнице, прочитав это руководство по минимизации размера пакета.

Реквизиты

Реквизиты компонента OutlinedInput также доступны.

Name Type Default Description
autoWidth bool false

If true , the width of the popover will automatically be set according to the items inside меню, в противном случае это будет как минимум ширина выбранного ввода.

дочерние элементы узел

Элементы option для заполнения выбора. может быть где-то MenuItem , когда собственный имеет значение false, а параметр , когда собственный имеет значение true.
⚠️ Элементы MenuItem должны быть прямыми потомками , если родной является ложным.

классы объект {}

Переопределение или расширение стилей, примененных к компоненту. Дополнительные сведения см. в разделе CSS API ниже.

defaultOpen boolfalse

Если true , компонент изначально открыт. Используйте, когда состояние открытия компонента не контролируется (т. е. свойство open не определено). Вы можете использовать его только тогда, когда родной реквизит равен false (по умолчанию).

defaultValue любой

Значение по умолчанию. Используйте, когда компонент не контролируется.

displayEmpty boolfalse

Если true , значение отображается, даже если элементы не выбраны.
Чтобы отобразить осмысленное значение, можно передать функцию renderValue , которая возвращает значение, которое будет отображаться, если элементы не выбраны.
⚠️ При использовании этого реквизита убедитесь, что метка не перекрывает пустое отображаемое значение. Метка должна быть либо скрыта, либо переведена в сжатое состояние.

IconComponentelementType ArrowDropDownIcon

Значок со стрелкой.

id string

id элемента оболочки или select element когда native .

вход элемент

вход элемент; не обязательно должен быть специфичным для материала UI Input .

inputProps объект

Атрибуты, примененные к входному элементу . Когда native равно true , атрибуты применяются к элементу select .

Метка Узел

См. OutlinedInput#Label

Метка. Выбор будет помечен дополнительной меткой и выбранным значением.

MenuProps объект

Свойства, примененные к элементу меню .

Multiple bool false

Если true , значение должно быть массивом, и меню будет поддерживать множественный выбор.

native bool false

Если true , компонент использует собственный select элемент.

onChange func

Обратный вызов запускается при выборе пункта меню.

Подпись:
function(event: SelectChangeEvent, child?: object) => void
event: Источник события обратного вызова. Вы можете получить новое значение, обратившись к event.target.value (любому). Предупреждение . Это общее событие, а не событие изменения, если только событие изменения не вызвано автозаполнением браузера.
дочерний элемент: Элемент реакции, который был выбран, когда родной равен false (по умолчанию).

onClose func

Обратный вызов запускается, когда компонент запрашивает закрытие. Используйте его либо в контролируемом (см. реквизит open ), либо в неконтролируемом режиме (чтобы определить, когда Select рушится).

Подпись:
функция (событие: объект) => void
событие: Источник события обратного вызова.

onOpen func

Обратный вызов запускается, когда компонент запрашивает открытие. Используйте его либо в контролируемом (см. реквизит open ), либо в неконтролируемом режиме (чтобы определить, когда расширяется Select).

Подпись:
function(event: object) => void
event: Источник события обратного вызова.

открытый bool

Если true , компонент отображается. Вы можете использовать его только тогда, когда родной реквизит равен false (по умолчанию).

renderValue func

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

Подпись:
функция (значение: любое) => ReactNode
значение: значение , предоставленное компоненту.

SelectDisplayProps объект

Свойства, примененные к кликабельному элементу div.

sx Array | объект
| бул>
| функция
| объект

Системная поддержка, которая позволяет определять системные переопределения, а также дополнительные стили CSS. См. страницу `sx` для более подробной информации.

значение »
| любой

Значение ввода . Если указать пустую строку, параметры не будут выбраны. Установите пустую строку '' , если вы не хотите, чтобы какой-либо из доступных вариантов был выбран.
Если значение является объектом, оно должно иметь ссылочное равенство с параметром, чтобы его можно было выбрать. Если значение не является объектом, строковое представление должно совпадать со строковым представлением параметра, чтобы его можно было выбрать.

вариант «заполненный»
| ‘очерченный’
| «стандартный»
«контурный»

Используемый вариант.

ref пересылается в корневой элемент.

Наследование

Хотя это явно не задокументировано выше, реквизиты компонента OutlinedInput также доступны в Select. Вы можете воспользоваться этим для нацеливания на вложенные компоненты.

Реквизит темы по умолчанию

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

CSS

Название правила Глобальный класс Описание
SELECT.MUISELECTEL-SELECTEL-SELECTEL-SELECTEL-SELECER.
множественный .MuiSelect-множественный Стили применяются к выбранному компоненту, если множественный={true} .
filled .MuiSelect-filled Стили, применяемые к выбранному компоненту, если variant="filled" .
контурный .MuiSelect-контурный Стили, применяемые к выбранному компоненту, если variant="outlined" .
стандарт .MuiSelect-standard Стили, применяемые к выбранному компоненту, если variant="standard" .
отключен .Mui-disabled Класс состояния применяется к выбранному классу компонента `disabled`.
значок .MuiSelect-icon Стили, примененные к компоненту значка.
iconOpen .MuiSelect-iconOpen Стили, применяемые к компоненту значка, если всплывающее окно открыто.
iconFilled .MuiSelect-iconFilled Стили, применяемые к компоненту значка, если variant="filled" .
iconOutlined
.MuiSelect-iconOutlined Стили, применяемые к компоненту значка, если variant="outlined" .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *