Lorsque vous essayez de supprimer des options de la sélection, il en reste toujours une, pourquoi?
<select id="form-select">
<option>111</option>
<option>222</option>
<option>333</option>
</select>
Ce JS ne fonctionne pas:
var t = document.querySelector('#form-select');
for(var i of t.options) {
t.remove(i.index)
}
Et cela ne fonctionne pas aussi:
for(var i of document.querySelector('#form-select').options) {
i.remove()
}
Je sais qu'il existe d'autres solutions pour y parvenir, mais j'aimerais comprendre pourquoi cela ne fonctionne pas comme il le devrait
.options
n'est pas un tableau, qui est la source du problème - c'est plutôt un HTMLCollection, qui est en direct. S'il s'agissait d'un tableau, il serait statique et il n'y aurait aucun problème.