如何在 onChange 中为 select 标签使用 e.preventDefault

Question

Is there a way we can stop changing the select tag value by using preventDefault . I can prevent input from changing the value by using event.preventDefault But not able to prevent the select tag from changing the value.

Here's a sample code:

 document.getElementById('my-select').addEventListener('select', function(event) { event.preventDefault() }); document.getElementById('my-input').addEventListener('keypress', function(event) { event.preventDefault() });

 <select id="my-select"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </select> <input type="text" id="my-input">

Answer 1

Select event listener should be 'change' instead of.addEventListener('select'...

However, the change event in a select HTML element is not cancellable in order to call preventDefault(). If you log the event object you will see that it's cancelable property is set to false. Perhaps you can set the select element to disabled.