Menü schliessen
Created: June 5th 2025
Last updated: June 11th 2025
Categories: Common Web Development,  IT Development
Author: Tim Fürer

jQuery Nice Select: Listen to Change Event

Tags:  guide,  Javascript,  jQuery,  web
Donation Section: Background
Monero Badge: QR-Code
Monero Badge: Logo Icon Donate with Monero Badge: Logo Text
82uymVXLkvVbB4c4JpTd1tYm1yj1cKPKR2wqmw3XF8YXKTmY7JrTriP4pVwp2EJYBnCFdXhLq4zfFA6ic7VAWCFX5wfQbCC

jQuery Nice Select is one of those old jQuery-based select overhaul packages. It's abandoned and outdated and its documentation is rather sparse, but you may still stumble upon and find yourself having to work with it. A common challenge you may encounter is listening to the select element changing or updating its value.

How to do it

If you're here, you may have already tried attaching an event listener to the select element, listening to "change" or "Input", like so:

select.addEventListener('change', () => {
  // do stuff
});
select.addEventListener('input', () => {
  // do stuff
});

...which unfortunately does not work.

What does work, however, is listening through jQuery. So, attach the event listener with the desired callback to the select element like so instead:

jQuery(select).on('change', function() {
  // do stuff
});