Heapcoding

how to select multiple options from a drop down list in html

Published August 4, 2021

In this tutorial I shall show you how you can select multiple options from a dropdown list in html.

how to select multiple options from a drop down list in html

In the above screenshot you will see I have created a simple select list with 4 options. When I render this the output in web browser should be look like this.

how to select multiple options from a drop down list in html

Now let’s make this simple dropdown a multiple select options.

how to select multiple options from a drop down list in html

In the above screenshot you will see I have added an attribute “multiple” to our dropdown list. Now let’s render it to see the changes.

how to select multiple options from a drop down list in html

In the above screenshot you will see I can select more than one options by holding CTRL key from keyboard.

Now we have successfully turned a simple select list to multiple select list.

You may like: