Pasar datos de una lista desplegable a otra.

fnavarro
05 de Febrero del 2005
Hola.
Necesito que alguien me ayude con esto, estoy intentando pasar datos de una lista, para que cuando se cambien un valor este pase a la otra lista que esta vacia.
Aqui esta el codigo, pero ya estoy loco y no se porque no funciona:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Selcción de productos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../EnlaceEmpre/Global.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
function Seleccion() {
var i=0;
While (i<document.AltaEmpre.PRODUCTOSELECT.length) {
i=++;
if (document.AltaEmpre.PRODUCTOSELECT[i].text == null) {
document.AltaEmpre.PRODUCTOSELECT.options[i].value=document.AltaEmpre.PRODUCTOS[document.AltaEmpre.PRODUCTOS.selectedIndex].value;
document.AltaEmpre.PRODUCTOSELECT.options[i].text=document.AltaEmpre.PRODUCTOS[document.AltaEmpre.PRODUCTOS.selectedIndex].text;
break;
}
}
}
</script>
</head>

<body>
<form name="AltaEmpre" method="post" action="">
<table width="610" border="0" cellpadding="0" cellspacing="0" class="FormularioText">
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td colspan="4"><div id="DatosContac" style="position:relative; width:553px; height:26px; z-index:1; left: 3px; top: 0px; background-image: url(images/CabeceraTxt.gif); background-repeat: no-repeat" class="CabeceraTxt">SELECCIONAR LOS PRODUCTOS PARA LA EMPRESA</div></td>
</tr>
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="56" bgcolor="#FFCC00">&nbsp;</td>
<td width="19">&nbsp;</td>
<td width="62">Categoria:</td>
<td width="111" class="FormularioAsteri">Automotriz</td>
<td width="81">Sub Categoria:</td>
<td width="200" class="FormularioAsteri">Accesorios Automotrices</td>
</tr>
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td valign="top">Productos: </td>
<td valign="top">
<select name="PRODUCTOS" size="1" class="FormularioEntra" OnChange="javascript:Seleccion();"><option value="1"> Aceite </option><option value="2"> Rines </option><option value="3"> Llantas </option></select></td>
<td valign="top">Productos seleccionados: </td>
<td valign="top"><select name="PRODUCTOSELECT"size="5" class="FormularioEntra">
<option value="0"> </option>
</select></td>
</tr>
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td bgcolor="#FFCC00">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>