Mi problema esta en que quiero extraer toda la lista de <option> del primer <select> y del segundo <select> sin tener que marcar uno por uno en cada lista.
Y recibir estos parametros con PHP .
Código HTML:
<form action="" method="post" id="formulario"> <div> <select name="origen[]" id="origen" multiple="multiple" size="8"> <option value="1">Opción 1</option> <option value="2">Opción 2</option> <option value="3">Opción 3</option> <option value="4">Opción 4</option> <option value="5">Opción 5</option> <option value="6">Opción 6</option> <option value="7">Opción 7</option> <option value="8">Opción 8</option> </select> </div> <div> <input type="button" class="pasar izq" value="Pasar »"><input type="button" class="quitar der" value="« Quitar"><br /> <input type="button" class="pasartodos izq" value="Todos »"><input type="button" class="quitartodos der" value="« Todos"> </div> <div class=""> <select name="destino[]" id="destino" multiple="multiple" size="8"></select> </div> <p class="clear"><input type="submit" class="submit" value="Procesar formulario"></p> </form> <script type="text/javascript"> $().ready(function() { $('.pasar').click(function() { return !$('#origen option:selected').remove().appendTo('#destino'); }); $('.quitar').click(function() { return !$('#destino option:selected').remove().appendTo('#origen'); }); $('.pasartodos').click(function() { $('#origen option').each(function() { $(this).remove().appendTo('#destino'); }); }); $('.quitartodos').click(function() { $('#destino option').each(function() { $(this).remove().appendTo('#origen'); }); }); $('.submit').click(function() { $('#destino option').prop('selected', 'selected'); }); }); </script>
el link donde encontre el codigo es : http://www.martiniglesias.eu/blog/pasar-opciones-de-un-select-list-multiple-a-otro-con-jquery/202