Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Hacer un array de <select>

Estas en el tema de Hacer un array de <select> en el foro de Jquery en Foros del Web. ¡Qué tal! Mi consulta en esta ocasión es para saber si es posible crear un array de los elementos seleccionados en un <select>. Lo que ...
  #1 (permalink)  
Antiguo 14/08/2013, 10:57
 
Fecha de Ingreso: octubre-2011
Mensajes: 9
Antigüedad: 12 años, 5 meses
Puntos: 0
Pregunta Hacer un array de <select>

¡Qué tal!
Mi consulta en esta ocasión es para saber si es posible crear un array de los elementos seleccionados en un <select>.
Lo que sucede es que estoy clonando un elemento de una tabla el cual tiene un elemento <select> de la siguiente manera
Código HTML:
<table id="tabla">
       <thead>
                  <th>Nombre</th>
       </thead>
       <tbody> 
                     <tr><td><input type="button" id="agregar" value="Agregar Nombre" /></td></tr>
                     <tr>
                               <td colspan="1"><select name="nombre"><option value="1">Nombre 1</option><option value="2">Nombre 2</option>
                               <option value="3">Nombre 3</option></select></td>                
                             <td class="eliminar">Eliminar</td>
                    </tr>
                    <tr class="fila-base">
                               <td colspan="1"><select name="nombre"><option value="1">Nombre 1</option><option value="2">Nombre 2</option>
                               <option value="3">Nombre 3</option></select></td>                
                             <td class="eliminar">Eliminar</td>
                    </tr>

        </tbody>
</table> 
El elemento "fila-base" se encuentra oculto y es el segmento de tabla que se copia cada vez que se presiona Agregar Nombre.

Este es el código que se encarga de copiar los elementos.

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3.             $(function(){
  4.                 // Clona la fila oculta que tiene los campos base, y la agrega al final de la tabla
  5.                 $("#agregar").on('click', function(){
  6.                     $("#tabla tbody tr:eq(2)").clone().removeClass('fila-base').appendTo("#tabla tbody");
  7.                 });
  8.  
  9.                 // Evento que selecciona la fila y la elimina
  10.                 $(document).on("click",".eliminar",function(){
  11.                     var parent = $(this).parents().get(0);
  12.                     $(parent).remove();
  13.                 });
  14.             });
  15.  
  16.         </script>

La cuestión es que deseo obtener los datos por medio de el método POST usando PHP pero cuando realizo esto, únicamente obtengo el ultimo elemento que aparece al final de la tabla y pierdo la información de las n-veces que se clono ese segmento de tabla.

Agradecería cualquier consejo que me pudiesen brindar y si algo no quedo claro de mi problema que me lo hagan saber para detallarlo mejor.
  #2 (permalink)  
Antiguo 16/08/2013, 23:07
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años
Puntos: 839
Respuesta: Hacer un array de <select>

El nombre del select debería terminar con "[]" para que puedas recibirlo como un array en PHP:
Código HTML:
Ver original
  1. <select name="nombre[]">
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 19/08/2013, 09:14
 
Fecha de Ingreso: octubre-2011
Mensajes: 9
Antigüedad: 12 años, 5 meses
Puntos: 0
Respuesta: Hacer un array de <select>

Gracias, era lo que necesitaba.

Etiquetas: javascript, javascript+html, javascript+php
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 16:56.