jQuery:将所选文本以逗号分隔,从选择框中分离出来

Question

<select id="testID" multiple="multiple">
   <option value="1">test Value1</option>
   <option value="2">test Value2</option>
   <option value="3">test Value3</option>
   <option value="4">test Value4</option>
   <option value="5">test Value5</option>
  <option value="6">test Value6</option>
</select>

<input type="button" value="Get dropdown selected Value" id ="select-values">

我想让逗号分隔选定的文本.

我试过了 ,

 $("#select-values").click(function () {
     $("select option:selected").text();
});

让我说我已经选择了前两个选择选项,但我得到的价值 test Value1test Value2

我想要它 test Value1,test Value2

Answer 1

尝试

fiddle demo

$("#select-values").click(function () {
    var option_all = $("select option:selected").map(function () {
        return $(this).text();
    }).get().join(',');
    console.log(option_all);
});

Answer 2

这感觉是最快的方法：

$('#testID').val().toString()

我懒得为此写一个for循环