Javascript 如何获取多个select下拉列表值

单击“提交”后，我试图在控制台中显示选定的多个值。下面我给出了我正在尝试的代码

我需要控制台中的类似输出“懒熊；大熊猫；亚洲黑熊”

美国黑熊
亚洲黑熊
棕熊
大熊猫
懒熊

这是如何做到的。。通过使用

.val（）

获取所选值的数组，并使用

.join（）

将它们连接起来以获得预期的树懒熊；大熊猫；亚洲黑熊

                     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
                <script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
                <link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" 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> 
                </select>
                <input onclick="consoleMe()" value="submit" type="button"> 

函数控制台（）{
$（'select'）。每个（函数（）{
console.log（$（this.val（）？$（this.val（））.join（'，'）：“无选择”）；
});
}

美国黑熊
亚洲黑熊
棕熊
大熊猫
懒熊
美国黑熊
亚洲黑熊
棕熊
大熊猫
懒熊
美国黑熊
亚洲黑熊
棕熊
大熊猫
懒熊

我在同一页面中有多个选择选项。我需要从选择选项下拉列表中获取down@kp987987使用

。每个
循环通过它们。。最新答案