Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title>Pagina de seleccion de options</title>
	<meta name="author" content="Jorge García Castro">
</head>
<body>
	<select multiple id="selectIDIzq" name="NombreID" size="5">
		<option ondblclick="function_datosAsignadosDer()" value="Volvo">Volvo</option>
		<option ondblclick="function_datosAsignadosDer()" value="Mazda">Mazda</option>
		<option ondblclick="function_datosAsignadosDer()" value="Chevrolet">Chevrolet</option>
		<option ondblclick="function_datosAsignadosDer()" value="Kia">Kia</option>
		<option ondblclick="function_datosAsignadosDer()" value="Ford">Ford</option>
	</select>
	<button onclick="function_datosAsignadosIzq()"><<</button>
	<button onclick="function_datosAsignadosDer()">>></button>
	<select multiple="" id="selectIDDer" size="5">

	</select>
	<script type="text/javascript">
		function function_datosAsignadosDer() {
			var opcionIzq = document.getElementById('selectIDIzq');
			var opcionDer = document.getElementById('selectIDDer');
			for ( var i = 0, l = opcionIzq.options.length, o; i < l; i++ )
			{
			  o = opcionIzq.options[i];
			  if(o.selected == true){
			  	var option = document.createElement("option");
				option.text = o.text;
				opcionDer.add(option);
				opcionDer.addEventListener('dblclick',function_datosAsignadosIzq,false);
				opcionIzq.remove(i);
			  }
			}
		}
		function function_datosAsignadosIzq() {
			var opcionIzq = document.getElementById('selectIDIzq');
			var opcionDer = document.getElementById('selectIDDer');
			for ( var i = 0, l = opcionDer.options.length, o; i < l; i++ )
			{
			  o = opcionDer.options[i];
			  if(o.selected == true){
			  	var option = document.createElement("option");
				option.text = o.text;
				opcionIzq.add(option);
				opcionIzq.addEventListener('dblclick',function_datosAsignadosDer,false);
				opcionDer.remove(i);
			  }
			}
		}
	</script>
</body>
</html>