4 December 2008 - 12:07Transferência entre selects múltiplos usando JQuery (Parte II)

Salve todos,
Depois de muito tempo sem escrever, volto a este blog entregue as traças para completar a transferência entre selects de múltipla seleção.

Na primeira parte, vimos como transferir itens entre os dois selects, agora vamos salvar os valores marcados (ou seja, transferidos para o select da direita).

Em primeiro lugar, precisamos selecionar todos os itens do lado direito antes de enviar o formulário. Isso porque o HTML apenas submete os itens marcados e no nosso caso todos os itens do lado direito devem ser enviados, estando selecionados ou não.
Para isso, vamos usar mais uma vez da simplicidade do JQuery criando uma função que será chamada antes de submetermos o formulário:

function envia() {
 
 $('#lista2 option').attr("selected","true");
 
}

Pronto, a função a cima irá selecionar todas as opções da lista 2. Agora basta chamar a função no envio do formulário adicionando o onSubmit=”envia();” na tag <form> das listas. Após submeter o formulário, as opções selecionadas já estarão disponíveis através de um array. Podemos então percorrer este array e utilizar o resultado da forma como quisermos. A seguir vai um pequeno exemplo de como podemos montar uma query de inserção no banco de dados:

foreach ($_POST['lista2'] as $valor) {
 
 $query = "INSERT INTO tabela (selecionados) VALUES ($valor)";
 
}

Agora é com vocês!