Hola
edu007ar
Te pongo estos códigos pero por separado. El primero para pasar elementos de una lista a otra:
Código PHP:
<html>
<head>
<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>
<option value="4">Cuatro</option>
<option value="5">Cinco</option>
</select>
<input type="button" value="Pasar" onClick="pasar()">
<select id="sel2" size="5">
</select>
</body>
</html>
El segundo para mover elementos:
Código PHP:
<html>
<head>
<script type="text/javascript">
function arriba() {
obj=document.getElementById('sel');
indice=obj.selectedIndex;
if (indice>0) cambiar(obj,indice,indice-1);
}
function abajo() {
obj=document.getElementById('sel');
indice=obj.selectedIndex;
if (indice!=-1 && indice<obj.length-1)
cambiar(obj,indice,indice+1);
}
function cambiar(obj,num1,num2) {
proVal=obj.options[num1].value;
proTex=obj.options[num1].text;
obj.options[num1].value=obj.options[num2].value;
obj.options[num1].text=obj.options[num2].text;
obj.options[num2].value=proVal;
obj.options[num2].text=proTex;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<select id="sel" size="5">
<option value="1">Uno</option>
<option value="2">Dos</option>
<option value="3">Tres</option>
<option value="4">Cuatro</option>
<option value="5">Cinco</option>
</select>
<input type="button" value="Arriba" onClick="arriba()">
<input type="button" value="Abajo" onClick="abajo()">
</body>
</html>
Espero que te sirva. Saludos,