Ayuda con select por favor

El_fenix · #1 (**permalink**) 06/06/2007, 19:16

Hola a todos en el Foro

Miren lo que necesito es lo siguiente:
Tengo dos campos select ubicados uno al lado del otro, separados por dos botones de agregar o quitar (<<) (>>) Al lado izquierdo esta un listado total de personas que necesito agregar a una base de datos, pero solo quiero seleccionar a algunas y que estan queden en el select del lado derecho, ?? ojala me entiendan
No entiendo como puedo hacer para que al elegir una opcion en el select de la izquierda y apretar el boton de agregar o >> se vaya al otro selectorde la derecha.

Solo pido que me orienten

De antemano gracias

programeitor · #2 (**permalink**) 07/06/2007, 01:30

Hola, ¿para que es eso?, ¿porque seleccionas personas?

KarlanKas · #3 (**permalink**) 07/06/2007, 02:02

Así?

Código PHP:

  <html>
<head>

    <script>
    destino=["primero","segundo"];
    origen=["segundo","primero"];
    function pasar(a){
    b=document.getElementById(origen[a])
    c=b.selectedIndex;
    if(c==-1){return}
    d=b.options[c].text;
    e=b.options[c].value;
    f=new Option(d,e);
    g=document.getElementById(destino[a]);
    g.options[g.options.length]=f;
    b.options[c]=null;
    }
    </script>
    <style>
    .cosa{
    position:relative;
    float:left;
    padding:10px;
    }
    </style>
</head>

<body>
<div class="cosa">
<select onfocus="document.getElementById('dos').disabled=true;document.getElementById('uno').disabled=false;;" style="width:150px;" name="primero" id="primero" size="5">
                        <option value="1" >Pepe</option>
                        <option value="2">Juan</option>
                        <option value="3">Oswaldo</option>
                        <option value="4">Rodrigo</option>
                        <option value="5">Pelayo</option></select>
</div>
<div class="cosa"><br>

<input id="uno" type="button" value=">>" onclick="pasar(1)" /><br>

<input id="dos" type="button" value="<<" onclick="pasar(0)" />
</div>
<div class="cosa">
<select onfocus="document.getElementById('uno').disabled=true;document.getElementById('dos').disabled=false;;" style="width:150px;"  name="segundo" id="segundo" size="5"></select>
</div>
</body>
</html>

Un saludo!

El_fenix · #4 (**permalink**) 08/06/2007, 11:33

Hola KarlanKas
Disculpa por la tardanza de mi respuesta, muchas gracias por la ayuda, estoy probando el codigo .

Reitero las gracias
Chauz

KarlanKas · #5 (**permalink**) 09/06/2007, 03:52

Crucemos los dedos a ver si te sirve...