Question:
Date: 09-12-2017 08:05:18
(In Spanish)
Tengo el siguiente codigo:
con este codigo obtengo el valor de cada opcion y lo muestro en un span:
[/code]
el resultado seria algo como= 1,2,3... dependiendo de la opcion que seleccione, me muestra los "Value" de cada opcion. Lo que yo deseo es que, aparte de el Value me mostrara tambien el texto que esta entre las etiquetas <option>, es decir = Elemento 1, Eelemento 2... etc. Cómo podria lograr esto? Que metodo Js deberia implementar? He probado con text() y html() y me dan resultados muy buenos en select simples pero en select multiples no.
Votes: 0 - Answers: 5 - Views: 18 Share on: Google Facebook Twitter LinkedIn Link
Cómo obtener el text y el value de las opciones seleccionadas en un select multiple?[Resolved]
Hola comunidad phpcentral. Veran, estoy intentando obtener el texto y value de las opciones seleccionadas de un select multiple con jquery. Se como obtener el value, pero a la hora de obtener el texto me he liado un poco con eso.Tengo el siguiente codigo:
<select id="miselect" multiple="multiple"> <option value = "1">Elemento 1</option> <option value = "2">Elemento 2</option> <option value = "3">Elemento 3</option> <option value = "4">Elemento 4</option> </select> <span class="resultadoValue"></span> <span class="resultadoTexto"></span>
con este codigo obtengo el valor de cada opcion y lo muestro en un span:
function obtenerValor () {
var selectValue = $("#miselect").val() || [];
document.querySelector('.resultadoValue').innerHTML = selectValue.join(", ");
}
$("#miselect").change(obtenerValor);
obtenerValor();[code=php][/code]
el resultado seria algo como= 1,2,3... dependiendo de la opcion que seleccione, me muestra los "Value" de cada opcion. Lo que yo deseo es que, aparte de el Value me mostrara tambien el texto que esta entre las etiquetas <option>, es decir = Elemento 1, Eelemento 2... etc. Cómo podria lograr esto? Que metodo Js deberia implementar? He probado con text() y html() y me dan resultados muy buenos en select simples pero en select multiples no.
Votes: 0 - Answers: 5 - Views: 18 Share on: Google Facebook Twitter LinkedIn Link
Answers:
-
Date: 10-12-2017 10:37:38 Hola
Te dejo el codigo que resolveria tu caso luego de investigar un poco este sria el resultado
<!doctype html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Jquery multiselected</title> <!-- Jquery 3.2.1 --> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#miselect').change(function () { // Obtener valor del las opciones selecionadas var selectValue = $("#miselect").val() || []; $("#resultadoValue").text(selectValue); // Obtener el texto del las opciones selecionadas var selectText = $("#miselect option:selected").map(function () { return $(this).text(); }).get().join(','); $('#resultadoTexto').text(selectText); }); }) </script> </head> <body> <select id="miselect" multiple="multiple"> <option value = "1">Elemento 1</option> <option value = "2">Elemento 2</option> <option value = "3">Elemento 3</option> <option value = "4">Elemento 4</option> </select> <br> <span id="resultadoValue">Valor</span> <br> <span id="resultadoTexto">Texto</span> </body> </html>
Saludos Votes: 2 - Link answer -
Date: 10-12-2017 14:53:15 EXCELENTE!!! Muchísimas gracias por proporcionarme ese código, me sirvió perfectamente, era justo lo que necesitaba. Votes: 0 - Link answer
-
-
-
Date: 15-06-2019 04:21:49 Hola Walter....
Saludos cordiales
Corrí este programa y si funciona bien.... como soy mas bien novata en PhP no he podido que esas dos variables que salen en JS las pueda pasar a PhP para grabarlas en una base de datos.
Me podrías hacer el favor de orientarme al respecto o agregar ese codigo Php a este ejemplo?
Mil gracias y me salvarías..... jejejej Votes: 0 - Link answer
To actively participate in the community first must authenticate, enter the system.Sign In
