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