Привет. Сегодня рассмотрим как можно выбрать select (выпадающий список) по тексту option, которые в нем есть.
Представте: у вас на странице есть 4 select. В каждом по 20 значений (предположим, что select — это страна, а значения/option — города в них). Пользователь указывает название города, а Вам нужно выбрать соответствующий select. При этом у option нет значений (или есть, но не соответствующие названиям городов), а определить select нужно по тексту, которые указан внутри option.
Как выбрать select по тексту в option?
Всё достаточно прозаично. В версиях jQuery до 1.9.1, это можно сделать вот так:
var select=$('option[text=текст_поиска]').parent();
А в версиях после 1.9.1 — вот так:
var select=$('option').filter(function () { return $(this).html() == "текст_поиска"; }).parent();
Вы можете посмотреть на то, как это работает на jsFiddle (http://jsfiddle.net/r9pa7o42/):
Спасибо Егору за наводку на тему.
А после работы можно и развеятся. Можно Покер Старс скачать и поиграть с живыми людьми в интеллектуальную игру немного.