Objetos HTML: Select parte 1
En ocasiones nos es muy útil la posibilidad de copiar las opciones de un objeto select a otro.
En esta primera parte veremos como hacer una copia total de las opciones.
Montamos las siguientes funciones:
function PasarLado1()
{
//si está vacío
if(document.getElementById("Paso1").options.length==0)
CopiarCombos(document.getElementById("Paso2"),document.getElementById("Paso1"))
}
function CopiarCombos(from,to)
{
//from: objeto select origen
//to: objeto select destino
var options = new Object();
for(var i=0;i<from.options.length;i++)
{
//pasamos las opciones una a una
var o = from.options[i];
to.options[to.options.length] = new Option( o.text, o.value, false, false);
}
//limpiamos el objeto origen.
from.options.length=0;
}
http://ejemplos.develovers.net/javascript/objetos/select.htm
En siguientes partes hablaremos de mover las opciones de forma individual o con selección múltiple.
Esta será la base para montar un posible juego, por ejemplo el de pasar el rio con los misioneros y los caníbales o su versión 'Starwars': Jedi y Sith ;)



