My <select> element is not responding to the click event in MacOS Chrome when using Javascript. This issue has been discussed on platforms like Stack Overflow.
Check out this example
<select id='hodor'>
<option>Jon Snow</option>
<option>Joffrey</option>
</select>
and
$('#hodor').on('click change', function (e) {
$(this).after("<li>"+e.type+"</li>");
});
Although I am aware of using the change event, I need a solution that will accurately respond to the click event and not just the change in the selected option.
What options do I have to address this issue?
It's important to mention that I am not looking for answers suggesting the use of the change event. I need a different approach.