¿Intercambio de datos entre select's con javascript?

willywg · #1 (**permalink**) 08/07/2005, 10:50

Saludos comunidad...

Mi problema es el siguiente, tengo dos controles select con propiedad size en 15 y soportando seleciones multiples. Lo que deseo lograr es seleccionar uno o mas items de la lista 1 y mediante un boton pasarlos a la lista 2 (que esta inicialmente vacia). Les agradeceria que me pasaran un codigo o me den una pauta para lograr resolver este problema

Hasta pronto
__________________
William Wong Garay
WebMaster de BazarPeru.com
Libertad de Información para Todos!!!

JavierB · #2 (**permalink**) 09/07/2005, 03:40

Hola willywg

Con este código se puede pasar un elementos de una lista a otra. Tendrás que adaptarlo para que pase varios:

Código PHP:

  <html> 
<head> 
<style type="text/css"> 
select {width:80px} 
input {background:silver; border:1px solid maroon} 
</style> 
<script type="text/javascript"> 
function pasar() { 
    obj=document.getElementById('sel1'); 
    if (obj.selectedIndex==-1) return; 
    valor=obj.value; 
    txt=obj.options[obj.selectedIndex].text; 
    obj.options[obj.selectedIndex]=null; 
    obj2=document.getElementById('sel2'); 
    opc = new Option(txt,valor); 
    eval(obj2.options[obj2.options.length]=opc);     
} 
</script> 
</head> 
 
<body> 
<select id="sel1" size="5"> 
<option value="1">Uno</option> 
<option value="2">Dos</option> 
<option value="3">Tres</option> 
</select> 
<input type="button" value="Pasar" onClick="pasar()"> 
<select id="sel2" size="5"> 
</select> 
</body> 
</html>

Saludos,