Introducir datos en un select a partir de otro select

pablomola · #1 (**permalink**) 28/03/2006, 12:34

Pues eso.
Tengo un campo select con X valores.
El usuario puede seleccionar varios de estos valores y poder pasarlos a otro campo select
El formulario de forma básica es el siguiente

Código HTML:

<form name="formu" method="post" action="">
		
          <p>Pais: <select name="pais">
		  <option value="SELECCIONAR PAIS DE DESTINO">SELECCIONAR PAIS DE DESTINO</option>
		  <option value="AF">AFGANISTAN</option>
		  <option value="AL">ALBANIA</option>
		  <option value="DE">ALEMANIA</option>
		  <option value="AD">ANDORRA</option>
		  <option value="AO">ANGOLA</option>
		  <option value="AI">ANGUILA</option>
		  <option value="AG">ANTIGUA Y BARBUDA</option>
		  <option value="AN">ANTILLAS HOLANDESAS</option>
		  <option value="SA">ARABIA SAUDI</option>
		  <option value="DZ">ARGELIA</option>
		  <option value="AR">ARGENTINA</option>
		  <option value="AM">ARMENIA</option>
		  <option value="AW">ARUBA</option>
		  <option value="AU">AUSTRALIA</option>
		  <option value="AT">AUSTRIA</option>
		  <option value="AZ">AZERBAIYAN</option>
		  <option value="BS">BAHAMAS</option>
		  <option value="BH">BAHREIN</option>
		  <option value="ZW">ZIMBABWE</option>
		  
          </select>
		  </p>
    
	<p><input type="button" name="agregar" value="agregar"></p>
<p><input type="button" name="quitar" value="quitar"></p>
  <p><select name="destino[]" size="5" multiple="multiple">
                </select></p>
<p><input type="button" name="enviar" value="Enviar"></p>
      
                    </form>

Lo que deseo es que el usuario pueda escoger del select "pais" un máximo de 5 paises y pasarlos de uno en uno al select "destino".
He visto script que harían algo similar pero introduciendo los valores en un campo de texto o area y eso no me vale

JavierB · #2 (**permalink**) 28/03/2006, 12:47

Hola pablomola

Tenía por ahí este código, no creo que te cueste mucho adaptarlo a tus necesidades:

Código:

<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');
  if (obj2.options[0].value=='-') // si solo está la opción inicial borrarla
    obj2.options[0]=null;
	opc = new Option(txt,valor);
	eval(obj2.options[obj2.options.length]=opc);	
}
</script>
</head>

<body>
<p>
<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">
<option value='-'>-</option>
</select></p>
</body>
</html>

Saludos,