Sometimes, we want to fire a change event on a HTML select element if the new value is the same as the old with JavaScript.
In this article, we’ll look at how to fire a change event on a HTML select element if the new value is the same as the old with JavaScript.
How to fire a change event on a HTML select element if the new value is the same as the old with JavaScript?
To fire a change event on a HTML select element if the new value is the same as the old with JavaScript, we add an empty option.
For instance, we write
<select onchange="jsFunction()">
<option></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
to add an empty option element so that jsFunction is called whether the selected value is the same as the old one or not.
Conclusion
To fire a change event on a HTML select element if the new value is the same as the old with JavaScript, we add an empty option.
