Доброго времени, имеем простую конструкцию с select.
Немного не понятно и происходит только в лисе, по шагам:
1.Выбираю пункт из selecta
2.Открываю select навожу на разные пункты и ничего не выбрав щелкаю в стороне от него
3.Нажимаю на кнопку "Отчистить" и тут происходит непонятное для меня. срабатывает change !!
Подскажите почему происходит такое загадочное поведение и как побороть его ?
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<select>
<option value="0">1</option>
<option value="1024">2</option>
<option value="10">3</option>
<option value="101">4</option>
<option value="111">5</option>
</select>
<button>Отчистить</button>
<script>
var select = document.querySelector("select")
var options = select.options
select.addEventListener("change", function(event){
console.log(event)
options[event.target.options.selectedIndex].disabled = true
})
</script>
</body>
</html>