Post Top Ad

Your Ad Spot

domingo, 4 de octubre de 2020

Cómo obtener el texto seleccionado y el valor de DropDownList usando JavaScript y jQuery

 En este tutorial, aprenderemos cómo obtener el texto seleccionado y el valor de la lista desplegable por evento onchange usando jQuery y JavaScript. Cuando el usuario selecciona el texto desplegable, el texto y el valor se recuperan con el evento jquery onchange. Se crea una función simple para obtener texto desplegable y valor usando JavaScript. Entonces. veamos cómo obtener el valor / texto del menú desplegable seleccionado usando jQuery y JavaScript.

Cómo obtener el texto seleccionado y el valor de DropDownList usando jQuery

Cómo crear un menú desplegable con el cuadro de búsqueda usando jQuery
Dynamic Dependent Select Box usando jQuery, Ajax y PHP

Usando jQuery

HTML

<select id = "soltar">
<option value = "1"> PHP </option>
<option value = "2"> Mysql </option>
</select>

jQuery

<script src = " https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js "> </script>
<script>
$ (documento) .ready (function () {

$ ("# drop"). change (function () {

var txt = $ ("# opción de colocar: seleccionado"). text ();

var val = $ (esto) .val ();

alerta ("Texto:" + txt + "Valor:" + val)

});
});
</script>

Usando JavaScript

HTML

<select id = "drop" onchange = "getSelect (this)">
<option value = "1"> PHP </option>
<option value = "2"> Mysql </option>
</select>

JavaScript

<script>
function getSelect (selectoption) {


var optionText = selectoption.options [selectoption.selectedIndex] .text;
var optionValue = selectoption.value;

alert ("Texto:" + optionText + 'Val' + optionValue);

}
</script> 

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas