仅显示多选选定值答案

【问题标题】：show multiple select selected value only仅显示多选选定值
【发布时间】：2015-09-29 14:46:12
【问题描述】：

我试图让多个特定类选择每个选定的值，但我无法实现它，例如，我有 3 个使用类 Candidates_dd 的选择，我希望选择该特定类选择的选定值，以逗号, 分隔。

HTML

        <select class="Candidates_dd" id="Candidate_for_po_1">
            <option value="1">None of the mentioned candidates</option>
            <option value="AB4BB5">AB4BB5 - 1 1</option>
            <option value="C3B239">C3B239 - 2 2</option>
            <option value="E2A3D3">E2A3D3 - 33 3</option>
            <option value="HFDG35">HFDG35 - 4 4</option>
        </select>

        <select class="Candidates_dd" id="Candidate_for_po_2">
            <option value="2">None of the mentioned candidates</option>
            <option value="AB4BB5">AB4BB5 - 1 1</option>
            <option value="C3B239">C3B239 - 2 2</option>
            <option value="E2A3D3">E2A3D3 - 33 3</option>
            <option value="HFDG35">HFDG35 - 4 4</option>
        </select>

        <select class="Candidates_dd" id="Candidate_for_po_3">
            <option value="3">None of the mentioned candidates</option>
            <option value="AB4BB5">AB4BB5 - 1 1</option>
            <option value="C3B239">C3B239 - 2 2</option>
            <option value="E2A3D3">E2A3D3 - 33 3</option>
            <option value="HFDG35">HFDG35 - 4 4</option>
        </select>

var selected_val = $.map($("select[class='Candidates_dd']:selected"), function(a)
    {
        return a.value;
    }).join(',');

alert(selected_val);

【问题讨论】：

尝试将地图中的初始选择器更改为$("select.Candidates_dd").find(":selected")

标签： javascript jquery

【解决方案1】：

原来如此简单终于解决了问题

fiddle Demo

$(document).ready(function () {
    var arr = [];
    $('.Candidates_dd option:selected').each(function () {
  arr.push($(this).val())
    });
      alert(arr.join(','));
})

【讨论】：