how to get multiple select dropdown values

I am trying to display selected multiple values in the console after clicking submit. below I have given the code that I am trying.

I need like this output in the console "Sloth Bear;Giant Panda;Asiatic Black Bear"

                     <script src=""></script>
                <script src=""></script>
                <link href="" rel="stylesheet"/>

                <select data-placeholder="Begin typing a name to filter..." multiple class="chosen-select" name="test">
                    <option value=""></option>
                    <option>American Black Bear</option>
                    <option>Asiatic Black Bear</option>
                    <option>Brown Bear</option>
                    <option>Giant Panda</option>
                    <option>Sloth Bear</option> 
                <input onclick="consoleMe()" value="submit" type="button"> 

55 thoughts on “how to get multiple select dropdown values”