Только выделенные элементы

Материал из JQuery

(Различия между версиями)
Перейти к: навигация, поиск
 
Строка 9: Строка 9:
{|class="exampleTab" cellspacing="0" cellpadding="3"
{|class="exampleTab" cellspacing="0" cellpadding="3"
  |-class="row"
  |-class="row"
-
  |class="funct"|<span class="oneLine">$(".formBox input:selected")</span>
+
  |class="funct"|<span class="oneLine">$(".formBox option:selected")</span>
-
  |class="discr"|вернет все выбранные элементы формы с классом ''formBox''.
+
  |class="discr"|вернет все выбранные варианты, внутри select-элемента с классом ''formBox''.
  |}
  |}

Текущая версия на 11:29, 28 февраля 2014

:selected1.0

Соответствует всем элементам со статусом selected. Это могут быть выбранные элементы типа <option>. Для поиска выбранных checkbox и radio элементов, этот селектор НЕ подойдет.

Примеры использования:

$(".formBox option:selected") вернет все выбранные варианты, внутри select-элемента с классом formBox.

Селектор :selected является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию querySelectorAll(). Для наилучшей производительности подойдет следующий вариант:

В действии

Ссылки

Поисковые ключи:
  • выбранные элементы формы
  • отмеченные элементы формы
  • выделенные элементы формы
  • selected
  •  :selected

От автора jquery.page2page.ru

 
Мини-игра про поход за продуктами во время карантина.

за Comic Sans извени

Личные инструменты