Para utilizar este Script de transição de Dados entre dois Selects será necessário o uso da biblioteca do  Jquery.

Insira o seguinte código dentro da Tag <head>:

<script>
 $().ready(function() {
 $('#add_item').click(function() {
 return !$('#select1 option:selected').remove().appendTo('#select2');
 });
 $('#remove_item').click(function() {
 return !$('#select2 option:selected').remove().appendTo('#select1');
 });
 });
</script>

Dentro da Tag <body> adicione o código:

<table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td>
 <select name="select1" id="select1" multiple="multiple" size="5">
 <option value="1">Valor1</option>
 <option value="2">Valor2</option>
 <option value="3">Valor3</option>
 </select>
 </td>
 <td>
 <select name="select2" id="select2" multiple="multiple" size="5"></select>
 </td>
 </tr>
 <tr>
 <td>
 <input type="button" name="remove_item" id="remove_item" value="&lt; Remover"/>
 </td>
 <td align="left" valign="top">
 <input type="button" name="add_item" id="add_item" value="Adicionar &gt;" />
 </td>
 </tr>
 </table>

Muito útil quando há necessidade de selecão de 2 ou mais valores para inserção no banco em listagem longas, o que facilita a seleção e a adição fracionada dos itens.

Espero ter Ajudado.

Até a próxima,
Rafael Theodoro

3 thoughts to “Transferência de Dados entre Selects com Jquery (Multiselect Transfer)

  • Degê

    Valeu, funcionou legal, só não entendi essa sintaxe do return ![Obj]…

    Responder
  • leticia

    poxa, ajudou muito, brigadão

    Responder
  • Sara

    Ajudou pacas! Vlw

    Responder

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.


Warning: Use of undefined constant XML - assumed 'XML' (this will throw an Error in a future version of PHP) in /home/rafaeltheodoro/www/wp-content/plugins/wp-syntaxhighlighter/wp-syntaxhighlighter.php on line 1048