Varios select enviados por jquery con ajax

[cesar_viridi]

Hola amigos tengo la siguiente duda me podrian ayudar por favor?

lo que pasa es que tengo un select que se llena con datos de la base de datos con php

asi

<select name="personas[]" id="personas[]">
<option value="1">persona 1 </option>
<option value="2">persona 2 </option>
<option value="3">persona 3 </option>
</select>
<span id="span"></span>
este select necesito seleccionar una persona pero si son mas personas tengo un boton de mas lo que hace y para no volver a ejecutar la consuilta sql lo que hago es un clone con jquery
$('#personas[]).clone().appedto('#span');

asi pueden ser hasta 10 clones para seleccionar una persona diferente como recojo los datos de cada uno de select y los mando por ajax?
Gracias

[sneyder05]

Saludos

Puedes usar la función serialize, si tus select están en un form, así:

Código PHP:

  $.ajax({ 
   type:'post', 
   url: 'archivo.php', 
   data: $('#form').serialize() 
});  
   

Y si por el contrario, no tienes los select en un form, o no quieres enviar todos los campos, solo esos, puedes hacer un selector y recorrerlos, así(estoy realizando el evento desde un click):

Código PHP:

  $('#enviar_form').click(function(){ 
    //Aquí debes usar el selector correcto para obtener los select 
    //En este caso retornaría todos los select 
    var params = ""; 
    $('select').each(function(i, item){ 
         params += '&' + $(item).attr('name') + '=' + $(item).val(); 
    }); 
});  
   

Así formarías la cadena que pasarías como parámetro en el AJAX, te he dado la idea, ahora puedes modificarla a tus necesidades

Saludos