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

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/

Comentarios

Lo Más Popular