https://www.graingerhonda.com/app/themes/dv-framework/shortcodes/d…/dropdown-search.js?ver=1.620.828

1/**
2 * Created by Josh on 8/5/2018.
3 */
4$(function(){
5    if (typeof($(".dds-dropdown").select2) != 'undefined') {
6        $(".dds-dropdown").select2();
7        function getDDSData(dds_container, changed_dropdown) {
8            $.ajax({
9                type: 'POST',
10                url: get_dds_data.ajax_url,
11                data: {
12                    'action': 'get_dds_data',
13                    'type': $('.dds-type', $(dds_container)).val(),
14                    'yr': $('.dds-year', $(dds_container)).val(),
15                    'make': $('.dds-make', $(dds_container)).val(),
16                    'model': $('.dds-model', $(dds_container)).val(),
17                    'trim': $('.dds-trim', $(dds_container)).val(),
18                    'referrer_url': window.location.href
19                },
20                success: function (response) {
21                    $('.dds-dropdown-container').css('visibility', 'visible');
22                    $.each(response.dropdowns, function (dropdown_selector, data) {
23                        $(".dds-dropdown." + dropdown_selector).not(changed_dropdown).val(null);
24                        $(".dds-dropdown." + dropdown_selector).not(changed_dropdown).html("");
25                        $(".dds-dropdown." + dropdown_selector).not(changed_dropdown).select2({
26                            data: data,
27                            width: 'auto',
28                            placeholder: {
29                                id: "-1",
30                                text: $(".dds-dropdown." + dropdown_selector).attr("data-dds-name"),
31                                selected: 'selected'
32                            }
33                        });
34                        $(".dds-dropdown." + dropdown_selector).not(changed_dropdown).trigger('change.select2'); // Notify only Select2 of changes
35    
36                    });
37                    $('.dds-search').html('<i class="fa fa-search" aria-hidden="true"></i> Search ').attr('href', response.search_url);
38                },
39                beforeSend: function () {
40                    $('.dds-spinner').css('visibility', 'visible');
41                },
42                complete: function () {
43                    $('.dds-spinner').css('display', 'none');
44                },
45                dataType: 'json'
46            });
47    
48        }
49    
50        $('.dds-spinner').css('display', 'none');
51        getDDSData();
52    
53        $('.dds-dropdown').on('change', function () {
54            getDDSData($(this).closest('.dds-container'), $(this));
55        });
56    
57        $('.dds-search').on('click', function () {
58            getDDSData($(this).closest('.dds-container'), $(this));
59        });
60    }
61});