Foros del Web » Programando para Internet » Jquery »

obtener valores de un select separados por coma

Estas en el tema de obtener valores de un select separados por coma en el foro de Jquery en Foros del Web. amigos tengo esto: Codigo Jquery Código PHP:   cod_per2  = $( '#cod_per2' ). text ();    alert ( cod_per2 )  Html Código PHP: < select name = "cod_reg"   ...
  #1 (permalink)  
Antiguo 09/09/2015, 08:50
Avatar de mc_quake  
Fecha de Ingreso: enero-2006
Ubicación: www.ecocargo.cl
Mensajes: 683
Antigüedad: 17 años
Puntos: 8
obtener valores de un select separados por coma

amigos tengo esto:

Codigo Jquery
Código PHP:
  cod_per2 = $('#cod_per2').text();
  
alert(cod_per2
Html
Código PHP:
<select name="cod_reg"  id="cod_reg">
  <
option value="13">Trece</option>
  <
option value="14">Catorce</option>
 </
select
el aler me muestra el siguiente resultado:"TreceCatorce"
y necesito rescatarlos asi "Trece,Catorce"

separados por ","
__________________
Mc_Quake

Para ayudar en lo que se pueda:Zzz:
  #2 (permalink)  
Antiguo 09/09/2015, 11:07
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.546
Antigüedad: 11 años, 2 meses
Puntos: 972
Respuesta: obtener valores de un select separados por coma

Supongo que te equivocaste al escribir ya que el <select> tiene un id, pero cuando intentas tomar el texto que contiene, lo haces mediante otro.

Como alternativa de solución, puedes optar por recorrer al conjunto de opciones (método .map() para hacer el recorrido y el método .children() para obtener a los elementos hijos), crear un array con el texto de cada opción (método .get()) y unirlos con comas utilizando el método .join().

Código Javascript:
Ver original
  1. cod_per2 = $('#cod_reg').children().map(function(){
  2.     return this.text;
  3. }).get().join();

Un saludo

EDITO: Este método $.map() te conviene más que el anterior.

Código Javascript:
Ver original
  1. cod_per2 = $.map($('#cod_reg option'), function(option){
  2.     return option.text;
  3. }).join();

Mediante el selector option, hago referencia a las opciones del <select>, con lo cual ya no es necesario el uso del método .children().
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Última edición por Alexis88; 09/09/2015 a las 14:17 Razón: Mejora
  #3 (permalink)  
Antiguo 09/09/2015, 14:01
Avatar de DRANIX  
Fecha de Ingreso: abril-2010
Mensajes: 24
Antigüedad: 12 años, 9 meses
Puntos: 1
Respuesta: obtener valores de un select separados por coma

Podria ser algo así.

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.             var cod_per2 = $('#cod_reg').text();
  3.             var Div = cod_per2.split('\n');
  4.             alert(Div[1]+','+Div[2]);
  5.         });

Saludos.
  #4 (permalink)  
Antiguo 11/09/2015, 09:56
Avatar de mc_quake  
Fecha de Ingreso: enero-2006
Ubicación: www.ecocargo.cl
Mensajes: 683
Antigüedad: 17 años
Puntos: 8
Respuesta: obtener valores de un select separados por coma

Alexis88 : Me sivio tu codigo, funciono de una

DRANIX: tu codigo lo probe pero no funciona ya lo debuelto por el .text no viene separada por \n .

por lo que el split no encuentra separaciones


Se les agradece el tiempo y dedicacion
__________________
Mc_Quake

Para ayudar en lo que se pueda:Zzz:

Etiquetas: coma, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:07.