Ver Mensaje Individual
  #2 (permalink)  
Antiguo 17/09/2009, 14:14
Avatar de America|UNK
America|UNK
 
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 18 años, 3 meses
Puntos: 56
Mover elementos en select múltiple

Código javascript:
Ver original
  1. function pasarOpciones(from,to){
  2.     var _from = from.options;
  3.     for (var i=0 ;i < _from.length; i++){
  4.         var opt = _from[i];
  5.         if(opt.selected){
  6.             var n = document.createElement("option");
  7.             n.value = opt.value;
  8.             n.text = opt.text;
  9.             n.selected = 1;
  10.            
  11.             try{ to.add(n,null); from.remove(i,null)
  12.             }catch(e){  to.add(n); from.remove(i) }
  13.             i--
  14.         }
  15.     }
  16. }

Código HTML:
 <form>
                          <td>

                            <select name="combo1" multiple="" size="6">
                                <option value="1">Opcion 1</option>
                                <option value="2">Opcion 2</option>
                                <option value="3">Opcion 3</option>
                                <option value="4">Opcion 4</option>
                                <option value="5">Opcion 5</option>
                                <option value="6">Opcion 6</option>
                            </select>
                          </td>
                          <td>
                            <input type="button" value=" &gt; " onClick="pasarOpciones(combo1,combo2)"><br />
                            <input type="button" value=" &lt; " onClick="pasarOpciones(combo2,combo1)">
                          </td>
                          <td>
                            <select name="combo2" multiple="" size="6"></select>
                          </td>
                         </form> 
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */