Convert ASP.NET DropDownList into Multi Select ListBox using jQuery

 

As you can see, to convert the DropDownList to a MultiSelect ListBox control on the click of a Button, we just requires a single line of jQuery code as shown here:

 

Once the DropDownList is converted into a ListBox control, the user can select multiple items and list them by using the code shown below

 

Before the Button is clicked, the output looks like this:

 

After the Button is clicked, the DropDownList is converted to a Multi Select Listbox as shown below:

 

After the user selects multiple values and clicks the Button, the output changes as shown here:

 

I hope you found this article useful and I thank you for viewing it.