Joomla trigger event when element in field of “filelist” type is selected

Question

I am struggling since a few days with following problem. Using Joomla 3.9.2x and query 3.5.1. I am trying to display a modal "window" when an item is selected in a Joomla filelist field. I tried a few triggers like:

jQuery(document).ready(function(){ 
    jQuery("#jform_myfile_chzn").click(function(){
        UIkit.modal('#displayimage').show();
    });
});

After loading the page and the file is selected, it works. Obviously with "click", it shows "#displayimage" each time it is clicked and not only when the file is selected.

I tried a few others like "change", but I can't make it work.

Answer 1

Put the event listener on the underlying hidden select field not on the chozen ui element. The id of the select will be the same id without the _chzn suffix.

jQuery(document).ready(function(){ 
    jQuery("#jform_myfile").change(function(){
        UIkit.modal('#displayimage').show();
    });
});