Eliminar un option de un select

epplestun · #1 (**permalink**) 08/07/2004, 04:15

Buenas, tengo una preguntilla ... de la misma manera que se puede añadir una nueva opcion con:

Código:

document.formulario.campo.options[posicion] = new Option(texto, valor);

Me gustaria saber si se puede elimiar una opcion, se me ocurre hacerlo volviendo a rellenar el campo select y no insertar la opcion seleccionada, pero eso no es bueno, ni factible ya que si tubiese 1 millon de opciones tardaria una barbaridad en rellenar denuevo el campo select ... por lo que me gustaria saber si se puede eliminar una opcion mediante su posicion.

Un saludo y muchas gracias

JavierB · #2 (**permalink**) 08/07/2004, 04:34

Hola, epplestun.

Código HTML:

document.formulario.campo.options[posicion] = null;

Saludos,

caricatos · #3 (**permalink**) 08/07/2004, 04:52

Hola epplestun (nuevamente) y JavierB

:

La solución de JavierB es la que más veces he visto, pero supongo que mediante la función removeChild también te podría servir:

var aBorrar = document.forms["formulario"]["campo"].options[1];
aBorrar.parentNode.removeChild(aBorrar);

Acabo de probarlo en explorer y me funcionó ...

Saludos

epplestun · #4 (**permalink**) 08/07/2004, 05:00

Perfectamente funciona sobre Firefox 0.9 e IE ... asi que de lujo :D

xias · #5 (**permalink**) 24/02/2006, 05:26

hola:

tengo un select con 3 opciones y quiero borrar la que el usuario ha seleccionado, como lo puedo hacer???

he probado con

var aBorrar = document.forms["formulario"]["campo"].options[1];
aBorrar.parentNode.removeChild(aBorrar);

me da error en parentNode y es para borrar una opcion establecida por defecto en este caso la 1.

Gracias, un saludo

JavierB · #6 (**permalink**) 24/02/2006, 05:34

Hola xias

Prueba esto otro:

document.formulario.campo.options[document.formulario.campo.selectedIndex] = null;

Saludos,

xias · #7 (**permalink**) 24/02/2006, 05:42

perfecto¡¡¡

es una maquina¡¡¡

muchas gracias¡¡¡

chalchis · #8 (**permalink**) 24/02/2006, 14:49

cuando quiero pasar seleccionar otro se me siguen quedando las opciones del segundo select
si antes habia seleccionado algo del primer select

<html>
<head>
<script language="JavaScript">

function addOpt(oCntrl, iPos, sTxt, sVal){

var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(oCntrl){
switch (document.frm.pais.selectedIndex){
case 1:
addOpt(oCntrl, 0, "Abrecartas", "1");
addOpt(oCntrl, 1, "Broche", "2");
addOpt(oCntrl, 2, "Desengrapador", "3");
addOpt(oCntrl, 3, "Engrapadora", "4");
addOpt(oCntrl, 4, "Boligrafo fino azul", "5");
addOpt(oCntrl, 5, "Boligrafo fino rojo", "6");
addOpt(oCntrl, 6, "Boligrafo fino negro", "7");
addOpt(oCntrl, 7, "Toner tinta negra 5158 hp laser jet", "8");
break;
case 2:
addOpt(oCntrl, 0, "Extintor", "10");
break;
case 3:
addOpt(oCntrl, 0, "Limpia vidrios", "11");
addOpt(oCntrl, 1, "Contenedor para basura", "12");
addOpt(oCntrl, 2, "Plumeros", "13");
break;
}
}
</script>
</head>
<body>
<form name="frm">
<table border="0" width="482">
<tr>
<td width="25">
Pais
</td>
<td width="89">
<select name="pais[]" id="pais" onchange="cambia(document.frm.ciudad)">
<option value=""></option>
<option value="2">Artículos de Oficina</option>
<option value="3">Artículos de Seguridad</option>
<option value="4">Artículos de Limpieza</option>
</select>
</td>
<td width="6">
 
</td>
<td width="44">
Ciudad
</td>
<td width="296">
<select name="ciudad[]" id="ciudad" >

</select> </td>
</tr>
</table>
</form>
</body>
</html>

espero sus comentarios
saludos

Ose_hash · #9 (**permalink**) 03/06/2008, 04:47

Una dudilla que se me ha planteado:

Y si en vez de eliminar por la posición, queremos eliminar por el valor del option??

Se podria hacer una function que devolviera la pos de ese elemento, pero directamente, se podria?

Gracias, un saludo!

amen19 · #10 (**permalink**) 01/11/2009, 08:54

Si quieres eliminar todo los options podrias usar esto

document.getElementById(nomselect).options.length= 0;

caricatos · #11 (**permalink**) 01/11/2009, 08:59

Tema cerrado por viejo

JavierB · #12 (**permalink**) 01/11/2009, 09:00

Hola amen19

Te recuerdo el aviso que había al final de este tema y que parece que no has leído.

Tema cerrado.

Ya hasta chocamos cerrando temas