Иногда возникает необходимость определить на jquery select текст выбранного элемента. Казалось бы, что это сделать очень просто:

text=$('select').val();

jquery select текст выбранного элементаНо не тут-то было! Этот вызов функции val вернет не текст option, а её значение value.
То есть мы не решили поставленную задачу.
Как быть? Как определить на jquery select текст выбранного элемента?

Решение: определить на jquery select текст выбранного элемента

Всё достаточно просто. Нужно пойти в обход, и сделать запрос с другой стороны, чтобы определить на jquery select текст выбранного элемента.
Смотрите:

text=$('select option:selected').text();

Рассмотрим подробнее как работает приведенный выше код определить на jquery select текст выбранного элемента:
Мы выбираем только те элементы option конкретного select, которые обладают атрибутом selected. Таким атрибутом обладают только те, которые выделены, то есть те, которые нам нужны, и уже у этого элемента получаем значение text.

Всё очень просто, определить jquery select текст выбранного элемента :)

Как работает можно посмотреть на jsFiddle.