Como puedo agregar y eliminar opciones dentro de un SELECT de HTML con javascript???

[KarlanKas]

Para crear una nueva opción:

variable=new Option("texto","valor");

Ahora tenemos que añadirla al select. SUpongamos este formulario:

<form name="pepote">
<select name="juan">
<option value="cosas">costillas</option>
</select>
</form>

para poder añadir una opción al select debemos antes poder referirnos al select. Para eso seguimos el proceso típico de javascript de ir de más a menos:

document.forms['pepote'].elements['juan']

para no estar poniendo esta retahila continuamente lo podemos meter en una variable:

cosa=document.forms['pepote'].elements['juan'];

Tenemos la nueva opción y tenemos el select. Ahora tenemos que decir en qué posición queremos añadir la nueva opción.

Si queremos sustituir la primera opción por la nueva sería fácil:

cosa.options[0]=variable;

Pero si queremos añadir la opción a las ya existentes tendríamos que poner esa opción como última, pero ¿cómo saber el número de options tiene el select?

Lo podemos saber así:

total = cosa.options.length;

este total en nuestro ejemplo sería 1 ya que sólo hay una opción, pero hay que tener en cuenta que javascript comienza a contar por el cero, por eso el número que nos da nos sirve como cardinal de la nueva opción. Así podemos poner:

cosa.options[cosa.options.length]=variable;

o lo que es lo mismo:

cosa.options[total]=variable;

Y para eliminar la opción sólo tenemos que hacer lo siguiente:

cosa.options[0]=null;

Espero haberte ayudado!