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

嘗試

小提琴演示

$("#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循環

Answer 3

嘗試：

$("#select-values").click(function () {
    var select = "";
    $("select option:selected").each(function(){
        select += ","+$(this).text();
    });
    if(select != ""){
        select = select.substr(1);
    }
    $("#selection").text(select);
});

在這里小提琴

Answer 4

嘗試這樣的事情

$(document).ready(function () {
    $("#select-values").click(function () {
        var val = [];
        $("select option:selected").each(function () {
            val.push(this.text);
        });
        alert(val.join(','));
    });
});

Answer 5

您是否知道何時想要獲得多個選擇框的值 ，它會自動執行此操作？ ^^

只需更改您選擇的值：

<select id="testID" multiple="multiple">
   <option value="test Value1">test Value1</option>
   <option value="test Value2">test Value2</option>
   <option value="test Value3">test Value3</option>
   <option value="test Value4">test Value4</option>
   <option value="test Value5">test Value5</option>
  <option value="test Value6">test Value6</option>
</select>

然后你可以用以下方法調用該值：

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

它將使用逗號自動分隔值。

的jsfiddle

Answer 6

嘗試：

var selectedItems =（$ .map（$（“select [id * = select-values] option：selected”），function（item，i）{return $（item）.text（）}））。join（“， “）;

Answer 7

把事情簡單化

$('#testID').val().join(', ');