Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo obtener el valor de texto de la opción seleccionada usando jQuery

Puede acceder a dos tipos de valor desde el elemento select >. En función de sus necesidades, solo o ambos valores pueden obtener del elemento seleccionado.
El primero es el valor que se enviará al servidor, que se puede obtener fácilmente utilizando jQuery.
$ (" #dropdownList ") .val ();
El segundo es el valor de texto del elemento de selección. En el código de ejemplo, le mostraremos cómo puede obtener el valor de texto de la selección utilizando jQuery.
El siguiente cuadro de selección tiene algunas opciones con valores, el valor de texto de la opción seleccionada se recuperará de este elemento de selección.
< select  id = "dropdownList" >
    < opción  valor = "1" > Opción 1 </ opción >
    < opción  valor = "2" > Opción 2 </ opción >
    < opción  valor = "3" > Opción 3 </ opción >
    < opción  valor = "4" > Opción 4 </ opción >
    < opción  valor = "5" > Opción 5 </ opción >
</ seleccionar >
El siguiente código obtendrá el valor de texto de la opción seleccionada usando jQuery.
$ ( document ) .ready ( function () {
     $ (' #dropdownList ') .on ( 'change' , function () {
         // var optionValue = $ (this) .val (); 
        // var optionText = $ ( Opción '#dropdownList [valor = "' + optionValue + '"]'). text (); 
        var optionText =  $ (" # # dropdownList  option : selected") .text ();
         alert ( "Option Option Text:" + optionText) ;
    });
});

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas