← CodePrimer
JavaScript
Beginner
Dom
change event on select
How do I detect dropdown changes?
change listener.
const course = document.querySelector('#course');
course.addEventListener('change', () => {
console.log('Selected:', course.value);
});Notes
Useful for filters and cascading dropdowns.
Keywords: change · select · dropdown · event
Related
JavaScript
document.getElementById
How do I select one element by id?
JavaScript
document.querySelector
How do I select with a CSS selector?
JavaScript
document.querySelectorAll
How do I select every matching element?
JavaScript
addEventListener click
How do I make a button show an alert?
JavaScript
Arrow function event listener
Can I use an arrow function for events?
JavaScript
Live input event
How do I react as the user types?