Выбрать select по тексту в option

Привет. Сегодня рассмотрим как можно выбрать 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/):

Спасибо Егору за наводку на тему.

А после работы можно и развеятся. Можно Покер Старс скачать и поиграть с живыми людьми в интеллектуальную игру немного.