Foros del Web - Ver Mensaje Individual - Pasar datos de un formulario a otro con botones

Landa11 · #1 (**permalink**) 23/05/2014, 11:30

Hola mi duda es la siguiente:

Tengo una lista de sucursales y quiero pasar de uno a otro lado para que ese usuario tenga activas esas sucursales.

Dejo el código que tengo hasta el momento y espero me puedan orientar ya que no he podido conseguir alguna ayuda en alguna página.

De no ser así creo que lo tendré que desarrollar con checkbox para habilitar las sucursales y enviar los datos a mi DB.

Código HTML:

Ver original<!doctype html>
<html>
<head>
 
<style>
body{width:600px;margin:0 auto;overflow-x:hiden;}
select{width:180px;margin:0 0 50px 0;border:1px solid #ccc;padding:10px;border-radius:10px 0 0 10px;}
.clear{clear:both;text-align:center}
div{float:left;width:200px;text-align:center}
input {margin:25px 1px 0 1px;border:1px solid #ccc;padding:10px;}
.izq{border-radius:10px 0 0 10px;}
.der{border-radius:0 10px 10px 0;}
</style>
 
</head>
 
<body>
<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>     
</body>
</html>