lunes, 9 de mayo de 2011

Añadir y eliminar option a un select desde Javascript

En el ejemplo siguiente se borran todos los OPTION de un select ("sel") uno por uno y a continuación se añaden los OPTION deseados:


var sel = document.getElementById("idSelect");
for(i=(sel.length-1); i>=0; i--)
{
   aBorrar = sel.options[w];
   aBorrar.parentNode.removeChild(aBorrar);
}

for(i=0; i<cantidadOptions; i++)
{

   option = document.createElement("OPTION");
   option.value = "valor";
   option.text = "texto";
   sel.add(option);
}

4 comentarios:

  1. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  2. var sel = document.getElementById("idSelect");
    for(i=(sel.length-1); i>=0; i--)
    {
    aBorrar = sel.options[w];
    aBorrar.parentNode.removeChild(aBorrar);
    }

    Es igual a ...

    document.getElementById("idSelect").innerHTML="";

    ResponderEliminar