How to sort by selecting from dropdownlist

You can use jQuery to listen for the click event on each of the dropdown items and then display the corresponding image based on the selected option. Here's an example:

HTML:

    
        Sort by
    
    

        Latest
        Popularity
        Best Rating
    



    

jQuery:

$(document).ready(function() {
    // listen for click event on dropdown items
    $('.dropdown-item').on('click', function() {
        // get the selected category
        var category = $(this).data('category');
        
        // remove any existing images in the cart container
        $('#cart-container').empty();
        
        // display the corresponding image
        if (category == 'latest') {
            $('#cart-container').append('');
        } else if (category == 'popular') {
            $('#cart-container').append('');
        } else if (category == 'best') {
            $('#cart-container').append('');
        }
    });
});

In this example, we've added a data-category attribute to each dropdown item to store the corresponding category. Then, in the jQuery code, we listen for the click event on the dropdown items and retrieve the selected category using the data method. We then remove any existing images in the cart container using the empty method and display the corresponding image using the append method.

Thanks