как узнать выбранный option у select jquery
Работа с элементом select из jQuery
Очень часто приходится сталкиваться с раскрывающимся списком
Если у вас есть еще предложения или вопросы, пишите в комментариях!
Похожие записи
15 комментариев
Спасибо, очень полезная информация, чётко по пунктам!
В 10 примере пару ошибок, правильно так:
var result;
$(‘#town option option:selected’).each(function() <
result = result + this.text + »;
>);
$(‘div#result’).html(result);
Согласен, что есть ошибки, но правильно будет так:
var result = «»;
$(‘#town option’).each(function() <
result = result + this.text + «
«;
>);
$(‘div#result’).html(result);
Статью писал, когда только начинал разбираться с jQuery… надо будет перепроверить 🙂
Спасибо за уточнение, в моём предыдущем сообщении, тег br автоматом вырезало 🙂
Алексей,
13 вариант, поиск регистроЗависимый, изменяя регистр буквы поиск не работает.
Совершенно верно, ведь селектор по тексту :contains чувствителен к регистру. Если необходимо выполнить поиск не зависимо от регистра, можно перебрать все пункты в цикле, переводя значения к нижнему регистру и сравнивая с искомым текстом. Добавил этот вариант в 13-ый пункт 🙂
JQuery 3.4.1. Для разблокировки селекта строка
не катит. Нужно писать следующее:
$(«#town»).prop(«disabled», true);
$(«#town»).prop(«disabled», false);
для блокировки и разблокировки соответственно.
jQuery работа с Select
При разработке интернет магазинов очень важно сделать их не просто красивыми, но и удобными. Это будет большим плюсом для покупателей и поисковых систем. Интернет-магазин должен максимально быстро помогать пользователю сделать выбор. Например, в подборе товаров интернет магазина одежды, при выборе покупателем 52 размера, все остальные параметры (тип, цвет, состав и др.) должны автоматически меняться на те значения, которые относятся к 52 размеру.
Рассмотрим примеры управление выподающими списками:
1. Снять выбранный элемент
2. Получить значение выбранного элемента
Получить значение value выбранного элемента option
Получить значение текста выбранного элемента
3. Выбор элемента
Выбрать элемент со значением value равным 4
Выбрать второй элемент
Выбрать первый элемент
Выбрать последний элемент
Выбрать элемент содержащий слово «Разработка сайтов»
4. Удаление элемента option
Удалить элемент option со значением value равным 3
Удалить второй элемент
Удалить первый элемент
Удалить последний элемент
Удалить все элементы содержащие слово «интернет»
5. Блокировка элементов
Заблокировать элемент со значением value равным 4
Заблокировать второй элемент
Заблокировать первый элемент
Заблокировать последний элемент
Заблокировать все элементы содержащие слово «интернет»
6. Разблокировка элементов
Разблокировать элемент со значением value равным 4
Разблокировать второй элемент
Разблокировать первый элемент
Разблокировать последний элемент
Разблокировать все элементы содержащие слово «интернет»
7. Добавление элементов
Добавить в самое начала Select
Добавить в самый конец Select
Добавить после второго элемента
Добавить после элемента со значением 4
Добавить до элемента со значением 4
8. Изменение элемента option
Поменяем текст тега option у выбранного элемента
Поменяем значение атрибута value у выбранного элемента
Тут как и в других примерах вы можете использовать селекторы для поиска тега option, например:
И как обычно небольшой пример:
Пример работы примера:
Услуги компании «OX2»
Снять выбранный элемент Выбираем 4-ый элемент! Удаляем первый элемент
Заблокировать второй элемент Разблокировать второй элемент Добавить в самое начала Select Изменить текст
Комментарии (Написать комментарий)
Комментарий:
Рассмотрим примеры управление выпОдающими списками: 🙂