jquery enviar por $.ajax los valores de un select multiple

doylelives · #1 (**permalink**) 05/08/2010, 14:43

Hola gente:
Teniendo un select multiple deseo enviar los valores seleccionados, usando $.ajax
pero me entro la duda, ya que siempre el atributo "data" posee valores key:value separado por comas, pero el selec multiple deberia enviar un array.
PHP puede capturar un array por post/get, pero con jquery/ajax como paso el array??
Gracias!!

kokoou · #2 (**permalink**) 06/08/2010, 00:50

yo para olucionar esto lo que hago es, en js hago un each de los elementos seleccionados y creo un string separado por comas, y luego por php hago un explode y genero el array.

Ejemplo:

Código Javascript:

Ver originalvar selected = '';
$('select option:checked').each(function(){
selected += $(this).val() + ','; 
});
fin = selected.length - 1; // calculo cantidad de caracteres menos 1 para eliminar la coma final
selected = selected.substr( 0, fin ); // elimino la coma final

Ahora en selected tenés los values de los elementos seleccionados, envias ese string al php y luego en el php generas el array, asi:

Código PHP:

Ver original<?php
$seleccionados = explode(',',$_POST['selected']); // convierto el string a un array.
?>

doylelives · #3 (**permalink**) 06/08/2010, 07:49

Genial solución, Gracias!!

kokoou · #4 (**permalink**) 06/08/2010, 08:54

si alguien sabe si es posible enviar un array como parámetro no estaría de más que lo agregue ;)

juaniquillo · #5 (**permalink**) 06/08/2010, 09:50

en la documentación de $.post tienes esto:

Cita:

Example: pass arrays of data to the server (while still ignoring the return results).

Código Javascript:

Ver original$.post("test.php", { 'choices[]': ["Jon", "Susan"] });

Me imagino que lo recibes como un array en PHP igual:

Código PHP:

Ver original$_POST['choices'][0] // es igual a Jon

Dany_s · #6 (**permalink**) 06/08/2010, 15:53

para mi la más fácil es formar una url de clave/valor de los elementos del form con serialize()

Código Javascript:

Ver original<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
$(function(){
 
    $('input').click( function (){
        queryString =  $('#formulario').serialize();
        alert(queryString);
        $.get('x.php', queryString, function (data){
            alert(data);
        });
        return false;
    });
 
});
</script>
</head>
<body>
 
    <form id="formulario">
        <select multiple name="numeros[]">
            <option>uno
            <option>dos
            <option>tres
            <option>cuatro
            <option>cinco
        </select>
        <input type="submit">
    </form>
 
</body>
</html>

en tu x.php imprimí el array de la variable GET para ver

Código PHP:

Ver original<?php
print_r($_GET);
?>

lo mismo para post, con jquery método post y en php recibir con $_POST

johnyuru123 · #7 (**permalink**) 03/03/2011, 14:29

Hola, mira lo que yo hice es hacer una funcion que arme un string que sera el parametro

Código:

function valuesSelect(idSelect, paramName){
	var oSelectedOptions = $("#"+idSelect+" option:selected");
	var result = "";
	
	for(var index = 0; index<oSelectedOptions.length;index++){
		result+= paramName + "[]=" + oSelectedOptions[index].value;
		if(index!=oSelectedOptions.length-1)
			result+="&";
	}
	return result;
}

esta funcion devuelve una cadena de este estilo "team[]=1&team[]=2"
siendo "team" el nombre del parametro y los valores son los que estan seleccionados del select que se especifica

en la funcion de ajax, en el parametro data llama a esta funcion y te pegara este string, q es como un array se pasa por url

marlanga · #8 (**permalink**) 03/03/2011, 15:06

jQuery está echo para ahorrar todos los pasos que habeis puesto. Pon un ID al SELECT, y con $("#id_del_select").val() recuperarás el valor elegido en un SELECT. Si el SELECT es múltiple, entonces te devolverá una cadena con los valores elegidos separados por comas. Luego en el PHP sólo tienes que hacer un explode por la coma, para crear el array de valores escogidos.
Para enviarlo por ajax, pues sólo tendrías que enviar una cadena, es decir, un sólo argumento.