如何获取多个选择下拉值[重复]答案

【问题标题】：how to get multiple select dropdown values [duplicate]如何获取多个选择下拉值[重复]
【发布时间】：2021-05-19 14:20:32
【问题描述】：

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

我需要在控制台“Sloth Bear;Giant Panda;Asiatic Black Bear”中这样的输出

                     <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">

【问题讨论】：

标签： javascript html jquery select

【解决方案1】：

这是如何做到的......通过使用.val() 获取选定值的数组并使用.join() 加入它们以获得预期的Sloth Bear;Giant Panda;Asiatic Black Bear

function consoleMe(){
  $('select').each(function(){
    console.log($(this).val() ? $(this).val().join(','): "NO Selection");
  });
}

<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>
<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>
<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">

【讨论】：

我在同一个页面中有多个选择选项。
我需要从此选择选项下拉
@kp987987 使用.each 循环遍历它们.. 答案已更新