jQuery: Holen Sie sich den ausgewählten Text als Komma getrennt vom Auswahlfeld

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

Ich möchte den durch Kommas getrennten ausgewählten Text erhalten.

Ich habe es versucht ,

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

Nehmen wir an, ich habe die ersten beiden Auswahloptionen ausgewählt, aber ich bekomme den Wert test Value1test Value2

Ich möchte, dass es so ist test Value1,test Value2

Versuchen

Geige-Demo

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

Das fühlt sich nach dem schnellsten Weg an:

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

Ich bin zu faul, dafür eine for-Schleife zu schreiben

Versuchen:

var selectedItems = ($.map($(“select[id*=select-values] option:s selected”), function(item, i) { return $(item).text() })).join(“, “);

Versuchen Sie so etwas

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

Wussten Sie, wann Sie eine bekommen möchten? Wert eines Mehrfachauswahlfelds, tut es dies automatisch? ^^

Ändern Sie einfach den Wert Ihrer Auswahl:

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

Dann können Sie den Wert aufrufen mit:

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

Die Werte werden automatisch durch ein Komma getrennt.

jsFiddle

Versuchen:

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

Geige hier.

Halte es einfach

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