Select remove()Método
Objeto Select
Definición y uso
El método remove() se utiliza para eliminar opciones de la lista desplegable.
Sintaxis
selectObject.remove(index)
| Parámetros | Descripción |
|---|---|
| index | Obligatorio. Especifica el número de índice de la opción que se va a eliminar. |
Soporte del navegador
Todos los navegadores principales admiten el método remove()
Ejemplo
Ejemplo
El siguiente ejemplo elimina la opción seleccionada de la lista:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function removeOption(){
var x=document.getElementById("mySelect");
x.remove(x.selectedIndex);
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="removeOption()" value="Eliminar opción">
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Tutorial de novatos (example.com)</title>
<script>
function removeOption(){
var x=document.getElementById("mySelect");
x.remove(x.selectedIndex);
}
</script>
</head>
<body>
<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="button" onclick="removeOption()" value="Eliminar opción">
</form>
</body>
</html>
Pruébalo »
Más ejemplos
Objeto Select Otras extensiones