Question

Tengo el siguiente código para modificar dinámicamente los elementos <OPTION> de un selecbox.

    var selectbox = document.getElementById('id-del-combo');
    selectbo.options.add(new Option('nueva opción'));)

Sin embargo, antes de agregar nuevos elementos debo quitar los existentes, ¿como puedo hacerlo?

Answer 1

Prueba así:

var selectbox = document.getElementById('id-del-combo');
selectbox.options.length=0; //este código quita las opciones existentes
selectbox.options.add(new Option('nueva opción'));)

Answer 2

Existe el metodo remove, sabiendo el indice del elemento a quitar.

selectbox.remove(selectbox.indice);

Para quitar todos los elementos al mismo tiempo:

selectbox.options.length = 0;