Código de JavaScript - Borrar opciones de un select con JavaScript

Val: 2.019

Borrar opciones de un select con JavaScript

Actualizado el 5 de Diciembre del 2016 por Scriptshow (141 códigos) (Publicado el 30 de Noviembre del 2016)

42.103 visualizaciones desde el 30 de Noviembre del 2016

Una forma sencilla de quitar opciones de un select con javascript. Selecciona una opción y pulsa el botón para borrarla.

Espero sea útil.

Un saludo

Un navegabor web o dispositivo compatible.

Actualizado el 8 de Diciembre del 2016 (Publicado el 30 de Noviembre del 2016)

42.104 visualizaciones desde el 30 de Noviembre del 2016

<!DOCTYPE html>

<html>

<head>

<script>

function borrar() {

  var sel = document.getElementById("varios");

  sel.remove(sel.selectedIndex);

</script>

</head>

<body>

<form>

<h4>Selecciona una opción:</h4>

<select id="varios" size="4">

  <option>Casa</option>

  <option>Moto</option>

  <option>Coche</option>

  <option>Barco</option>

</select>

</form>

<br>

<button onclick="borrar()">Borra Selección</button>

</body>

</html>

2 de Diciembre del 2016

sencillisimo!!!

Responder

javier

23 de Mayo del 2018

No ha dejado ningún comentario

Responder

Gerard

20 de Octubre del 2020

Gran ayuda

Responder

28 de Enero del 2021

hay alguna manera de borrar todos los registros sin seleccionarlos? simplemente que borre todo.

Responder

luis pernalete

18 de Febrero del 2022

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

con este comando borras todo los option del select

Responder

http://lwp-l.com/s3782

Letras Animadas y efectos color

Efecto Background Color Fade