Untitled

<!DOCTYPE html>
<html>
<head>
	<title></title>

</head>
<body>
	<table>
		<tr>
			<td rowspan="2">
				<select multiple="" id="salida" style="width: 150px; height: 150px">
					<option value="Volvo">Volvo</option>
					<option value="Mazda">Mazda</option>
					<option value="Chevrolet">Chevrolet</option>
					<option value="KIA">KIA</option>
					<option value="Ford">Ford</option>
				</select>
				</td>
				<td>
					<input type="button" id="derecha" value=">>>" style="width: 100px; height: 40px" onclick="Seleccionar(1);"/>
				</td>
				<td rowspan="2">
					<select multiple="" id="llegada" style="width: 150px; height: 150px">

					</select>
				</td>
				<tr><td>
					<input type="button" id="izquierda" value="<<<" style="width: 100px; height: 40px" onclick="Seleccionar(2);"/>
				</td></tr>

				</tr>
</body>
	<script type="text/javascript">
		function Seleccionar(num) {
			console.log('Este boton se encarga de pasar el listado de la izquierda a la derecha')

			if (num == 1) {
				var salida = document.getElementById('salida');
				var llegada = document.getElementById('llegada');

				var posicion = llegada.options.length;
				var selecionado = salida.selectedIndex;

					if(selecionado != -1)
			 			{
							var mover = salida.options[selecionado];
							llegada.options[posicion] = new Option(mover.text, mover.value);
    						salida.options[selecionado] = null;
        				}
        	}else if (num == 2){
        		var salida= document.getElementById('llegada');
        		var llegada= document.getElementById('salida');

        		var posicion = llegada.options.length;
				var selecionado = salida.selectedIndex;

					if(selecionado != -1)
			 			{
							var mover = salida.options[selecionado];
							llegada.options[posicion] = new Option(mover.text, mover.value);
    						salida.options[selecionado] = null;
        				}
    		}

		}
	</script>
</html>