How to sort by selecting from dropdownlist

Question

Hi Team I have a dropdownlist of popular,latest and best buying category list. Now how to i reference these to jquery so when user if select popular the cart-container has an image of those category appears, same applies with other from the dropdownlist? // html code Sort by Latest Popularity Best Rating

Naimish Makwana · Answer

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

How to sort by selecting from dropdownlist

Answers (1)