jQuery Chosen plugin - Dynamically populated list by Ajax (Cascading dropdown)

I am going to Write regarding jQuery Chosen plugin. What is the reason behind writing this blog post, sharing my experience for one of the functionality (Populate list of drop-down using Ajax call) was achieve using jQuery Chosen plugin.
It was little twiky solution for me at moment and their for I had googling and found good solution so for reason I was thinking like why I should not share to other.

So here I am going to share one of the issue. Which was worked on drop-down populate data using Ajax call but somehow it was not render proper CSS after updating drop-down data.

For that purpose had some R&D on that and found the solution for same.

Lets see full demo of code. How to get sub-Category (Cascading dropdown) based on category selection trigger Ajax call and update the list of drop-down using trigger action of jQuery .

Step by step solution:
Step1 :: Add jQuery and chosen jQuery JS file

Step2 :: Call dropdown initialize functions (i.e for Chosen)

        A
        B
        C
        D



       

Step3:: Ajax call for get subcategory and update dropdown using trigger action so css of dropdown bind again.

Happy Coding!