Меню Закрыть

Jquery событие выбора select

Содержание

178 Zulakis [2012-10-05 19:23:00]

Я связал событие в событии изменения моих элементов выбора с помощью этого:

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

6 ответов

333 Решение Neal [2012-10-05 19:24:00]

57 Bellash [2013-11-17 15:43:00]

Вы можете использовать метод jQuery find

Вышеупомянутое решение работает отлично, но я хочу добавить следующий код для них, желающих получить щелчок. Он позволяет получить выбранную опцию, даже если это значение выбора не изменилось. (Протестировано только с Mozilla)

Делегированная альтернатива

Если кто-то использует делегированный подход для своего слушателя, используйте e.target (он будет ссылаться на элемент select).

5 1.44mb [2015-06-06 00:45:00]

Я нахожу это короче и чище. Кроме того, вы можете перебирать выбранные элементы, если их несколько,

2 [2016-04-29 13:21:00]

Сначала создайте select option . После этого с помощью jquery вы можете получить текущее выбранное значение, когда пользователь изменит значение select option .

0 Recep Can [2017-09-05 17:33:00]

Другой и короткий способ получить значение выбранного значения,

Материал из JQuery

Устанавливает функцию handler в качестве обработчика события select, на выбранные элементы.
Метод является аналогом bind("select", handler(eventObject)).

handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.

Метод отличается от предыдущего возможностью передавать в обработчик дополнительные данные.
Является аналогом bind("select", eventData, handler(eventObject)).

handler(eventObject) — см. выше.
eventData — дополнительные данные, передаваемые в обработчик. Они должны быть представлены объектом в формате: .

Вызывает событие select, у выбранных элементов страницы. Метод является аналогом trigger("select").

Убрать установленный обработчик можно с помощью метода unbind().

Все три варианта использования метода, являются аналогами других методов (см. выше), поэтому все подробности использования select(), можно найти в описании этих методов.

Читайте также:  Вай фай роутер с большим покрытием

В случае выделения текста с помощью мыши, браузеры вызывают событие select при завершении выделения. Если выделение происходит с помощью нажатия клавиш ← ↑ → ↓ при зажатом shift’е, то событие будет происходить при каждом отпускании клавиши со стрелкой.

Для того, чтобы получить выделенную часть текста в разных браузерах требуются разные средства. В FireFox и Google Chrome выделенную часть даст метод window.getSelection() или document.getSelection(), в то время как IE и Opera предоставят нужный текст при вызове метода document.selection.createRange(). Кроссбраузерный вариант будет выглядеть так:

Отметим, что функция selectedText() будет работать не только для

и , она будет возвращать выделенный текст, в каком бы элементе (элементах) он не находился.

Вызывается или отслеживается JavaScript событие "change" (событие изменения формы).

version added: 1.0 .change( handler(eventObject) )

handler(eventObject)

Тип: Function()

version added: 1.4.3 .change( [eventData ], handler(eventObject) )

eventData

Тип: Object

Объект с данными, которые будут переданы в обработчик.

handler(eventObject)

Тип: Function()

version added: 1.0 .change()

Данный метод — это сокращение от .on( "change", handler ), и.trigger( "change" ).

Событие change выстреливает при изменение полей формы. Оно отслеживает поля ,

Рекомендуем к прочтению

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

Ваш адрес email не будет опубликован.