Me gustaría eliminar elementos de Barcelona y Madrid de mi selección de etiquetas con JavaScript.
Mi código HTML
<select id="menu"> <option value="Select">Select</option> <option value="Madrid">Madrid</option> <option value="Barcelona">Barcelona</option> <option value="Sevilla">Barcelona</option> </select>mi codigo js
menu.textContext = " ";Probé menu.textContext, sin embargo, no funciona porque elimina todo.
¿Alguien sabe cómo puedo hacer esto?
Puede usar querySelectorAll para seleccionar todas las etiquetas de opciones con una propiedad de value específica:
menu.querySelectorAll('option[value="Barcelona"],option[value="Madrid"]').forEach(e => e.remove()) <select id="menu"> <option value="Select">Select</option> <option value="Madrid">Madrid</option> <option value="Barcelona">Barcelona</option> <option value="Sevilla">Barcelona</option> </select>Alternativamente, puede almacenar los valores que desea eliminar en una matriz, seleccionar todas las etiquetas de opción, recorrer cada una y verificar si la matriz incluye su valor. Si es así, elimine ese elemento:
const valuesToDelete = ['Madrid', 'Barcelona']; menu.querySelectorAll('option').forEach(e => valuesToDelete.includes(e.value) ? e.remove() : '') <select id="menu"> <option value="Select">Select</option> <option value="Madrid">Madrid</option> <option value="Barcelona">Barcelona</option> <option value="Sevilla">Barcelona</option> </select>