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 () {
var valor = $( "#miCombo" ).val();
alert(valor);
});
|
Accedemos al Texto.
|
$(document).ready( function () {
var valor = $( "#miCombo option:selected" ).html();
alert(valor);
});
|
Es de bastante utilidad cuando no cargamos los combos programáticamente y necesitamos los literales.
Saludos y que sea de ayuda.
FUENTE:
Comentarios
Publicar un comentario