¿Existe la mejor manera de ocultar option
una select
etiqueta en una ? Quiero ocultar algunos option
en mi select
etiqueta, por ejemplo.
<select>
//number
<option value="">-Please Select-</option>
<option class="number" value="1">1</option>
<option class="number" value="2">2</option>
<option class="number" value="3">3</option>
//English
<option class="english" value="A">A</option>
<option class="english" value="B">B</option>
<option class="english" value="C">C</option>
</select>
<script>
var number = document.getElementsByClassName("number");
var english = document.getElementsByClassName("english");
if(show_enlish){
for (i = 0; i < number.length; i++) {
number[i].style.display = 'none'; //hidden number 1 2 3
}else{
for (i = 0; i < english.length; i++) {
english[i].style.display = 'none'; //hidden english abc
}
}
</script>
Estoy intentando usar este código para ocultar la option
etiqueta. ¿Existe la mejor forma de ocultar una option
etiqueta?
Utilice document.getElementsByClassName('number')[0].remove();
(con índice en bucles o el forEach()
prototipo) para eliminar dinámicamente los elementos.
Un bucle actualizado de su código sería:
for (i = 0; i < number.length; i++) {
// keep using index 0 as the DOM array becomes smaller as you remove the element
english[0].remove();
}
O si está usando ES6, puede usar Array.from()
para convertir el NodeList
en una matriz y luego usar forEach()
:
Array.from(english).forEach(element => {
element.remove();
});
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras