Obtener texto de la opción seleccionada de un combo con JQuery

Hoy explico como acceder al texto (text) de la opción seleccionada de
un combo, y no al valor (value) como estamos acostumbrados. Para ello
vamos a utilizar el maravilloso Framework de JavaScript, JQuery.

Partiremos de este código HTML:

<select id="miCombo">    <option value="1">Texto 1</option>    <option value="2">Texto 2</option>    <option value="3">Texto 3</option> </select>

A continuación mostraré como acceder al valor y como al texto o literal.

Accedemos al valor.

$(document).ready(function() {     // Así accedemos al Valor de la opción seleccionada     var valor = $("#miCombo").val();     alert(valor);     // Si seleccionamos la opción "Texto 1"     // nos mostrará por pantalla "1" });

Accedemos al Texto.

$(document).ready(function() {     // Así accedemos al Texto de la opción seleccionada     var valor = $("#miCombo option:selected").html();     alert(valor);     // Si seleccionamos la opción "Texto 2"     // nos mostrará por pantalla "Texto 2" });

Es de bastante utilidad cuando no cargamos los combos programáticamente y necesitamos los literales.

Saludos y que sea de ayuda.

FUENTE: 

http://raulgilabert.es/blog/2011/11/obtener-texto-de-la-opcion-seleccionada-de-un-combo-con-jquery/