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>
Este es el código que se encarga de copiar los elementos.
Código Javascript:
Ver original
<script type="text/javascript"> $(function(){ // Clona la fila oculta que tiene los campos base, y la agrega al final de la tabla $("#agregar").on('click', function(){ $("#tabla tbody tr:eq(2)").clone().removeClass('fila-base').appendTo("#tabla tbody"); }); // Evento que selecciona la fila y la elimina $(document).on("click",".eliminar",function(){ var parent = $(this).parents().get(0); $(parent).remove(); }); }); </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.