Untitled

<!DOCTYPE html>
 <html>
 <head>
 	<title>Select</title>
 </head>
 <body>
 	<center>


 		<select style="width:150px; height: 100px;" name="lista_izquierda" multiple="multiple" size="4" id="lista_izquierda">
 			<option value="1">Volvo</option>
 			<option value="2">Mazda</option>
 			<option value="3">Chevrolet</option>
 			<option value="4">KIA</option>
 			<option value="5">Ford</option>
 		</select>

			<input type="button" onclick="PasarParametro('lista_izquierda','lista_derecha')" value="PASAR" />
			<input type="button" onclick="PasarParametro('lista_derecha','lista_izquierda')" value="REGRESAR"/>

 		<select style="width:150px; height: 100px;" name="lista_derecha" multiple="multiple" size="4" id="lista_derecha">
	 	</select>


</center>
</body>
<script type="text/javascript">

	function PasarParametro(origen_id, destino_id){
		obj = document.getElementById(origen_id);
		if(obj.selectedIndex == -1){
			return;
		}
		valor = obj.value;
		txt = obj.options[obj.selectedIndex].text;
		obj.options[obj.selectedIndex] = null;
		obj2 = document.getElementById(destino_id);
		opc = new Option(txt, valor);
		eval(obj2.options[obj2.options.length] = opc);
		return false;
	}
</script>
</html>