Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/08/2013, 10:57
Archer3CL
 
Fecha de Ingreso: octubre-2011
Mensajes: 9
Antigüedad: 13 años
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.