Hola
Prueba con esto
Código Javascript
:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Pasar elementos de una lista a otra</title>
<style type="text/css">
select {width:80px}
</style>
<script type="text/javascript">
<!--
function pasar1() {
var obj = document.forms.prueba.sel1;
if (obj.selectedIndex==-1) return;
for (var i=0; opt=obj.options[i]; i++)
if (opt.selected) {
var valor=opt.value; // almacenar value
var txt=obj.options[i].text; // almacenar el texto
obj.options[i]=null; // borrar el item si está seleccionado
var obj2 = document.forms.prueba.sel2;
var opc = new Option(txt,valor);
//alert(opc);
eval(obj2.options[obj2.options.length]=opc);
}
}
function pasar2() {
var obj = document.forms.prueba.sel2;
if (obj.selectedIndex==-1) return;
for (var i=0; opt=obj.options[i]; i++)
if (opt.selected) {
var valor=opt.value; // almacenar value
var txt=obj.options[i].text; // almacenar el texto
obj.options[i]=null; // borrar el item si está seleccionado
var obj2 = document.forms.prueba.sel1;
var opc = new Option(txt,valor);
//alert(opc);
eval(obj2.options[obj2.options.length]=opc);
}
}
function ini(){
window["sel_opc"] = new Array();
var dato = document.forms.prueba.sel1.options;
for (var i = 0, total = dato.length; i < total; i ++)
window["sel_opc"][i] = dato[i].selected;
//alert(sel_opc);
}
function ctrMays(){
var dato = document.forms.prueba.sel1.options;
for (var i = 0, total = dato.length; i < total; i ++)
if (dato[i].selected)
sel_opc[i] = !sel_opc[i];
for (var i = 0, total = dato.length; i < total; i ++)
dato[i].selected = sel_opc[i];
//alert(sel_opc);
}
-->
</script>
</head>
<body onload="ini()">
<table>
<tr>
<td>Origen</td>
<td></td>
<td>Destino</td>
</tr>
<tr>
<td>
<form name="prueba" >
<select name="sel1" id="sel1" multiple="multiple" size="5">
<option value="3">Tres</option>
<option value="4">Cuatro</option>
<option value="5">Cinco</option>
</select>
</td>
<td>
<input type="button" value="Pasar >>" onclick="pasar1()" /><br />
<input type="button" value="Pasar <<" onclick="pasar2()" />
</td>
<td>
<select name="sel2" id="sel2" multiple="multiple" size="5">
<option value="1">Uno</option>
<option value="2">Dos</option>
</select>
</td>
</tr>
</table>
</body>
</html>
Suerte