Fixes for dropdowns facets and sortbox with .chosen() in FacetWP 3.8.0 - 3.8.2 because Facetwp fUtil library did not pick up jQuery.trigger change events from chosen() in these FacetWP versions. This was fixed in FacetWP 3.8.3+. Check this page for current versions of FacetWP: https://gist.facetwp.com/gist/use-chosen-js-with-facetwp-dropdowns-or…

facetwp 3.8+ dropdowns with chosen()

(function ($) {

    $(document).on('facetwp-loaded', function () {

        // Facetwp Dropdowns to chosen dropdows
        $('.facetwp-dropdown option:first-child').text('');
        $('.facetwp-dropdown').attr('data-placeholder', 'All');
        $('.facetwp-dropdown').chosen({disable_search_threshold: 50, allow_single_deselect: true});

        // Facetwp Sort box to chosen dropdows
        $('.facetwp-sort-select option:first-child').text('');
        $('.facetwp-sort-select').attr('data-placeholder', 'Sort by');
        $('.facetwp-sort-select').chosen({disable_search_threshold: 50, allow_single_deselect: true});


        // Hack to get chosen dropdowns working with Facetwp 3.8+
        // Needed because fUtil in Facetwp 3.8 is not picking up jQuery.trigger events.
        $(document).on('change', '.facetwp-dropdown', function (e) {

            var $facet = $(this).closest('.facetwp-facet');
            var facet_name = $facet.attr('data-name');

            if ('' !== $(this).val()) {
                FWP.frozen_facets[facet_name] = 'soft';
            }
            FWP.autoload();
            e.stopImmediatePropagation(); //without this, there is an event loop after changing facet selections because change events from facetwp are picked up here
        });

        // Hack to get sort dropdowns working with Facetwp 3.8+ 
        // Needed because fUtil in Facetwp 3.8 is not picking up jQuery.trigger events.
        $(document).on('change', '.facetwp-sort-select', function (e) {

            FWP.extras.sort = $(this).val();
            FWP.soft_refresh = true;
            FWP.autoload();
            e.stopImmediatePropagation(); //maybe not needed with sortbox

        });


        // Optional: hide dropdown facet if only one option left by interacting facet selections
        $('.facetwp-type-dropdown select').each(function () {

            if ($(this).children('option').length == 1) {
                $(this).closest('.facetwp-type-dropdown').hide();
            } else {
                $(this).closest('.facetwp-type-dropdown').show();
            }
        });

    });

})(jQuery);