Ich habe eine Mehrfachauswahl:

<select name='strings' id="strings" multiple style="width:100px;">
    <option value="Test">Test</option>
    <option value="Prof">Prof</option>
    <option value="Live">Live</option>
    <option value="Off">Off</option>
    <option value="On">On</option>
</select>

Ich lade Daten aus meiner Datenbank. Dann habe ich eine Zeichenfolge wie diese:

var values="Test,Prof,Off";

Wie kann ich diese Werte in der Mehrfachauswahl festlegen? Ich habe bereits versucht, die Zeichenfolge in einem Array zu ändern und als Wert in das Vielfache einzufügen, funktioniert aber nicht ...! Kann mir jemand dabei helfen? VIELEN DANK!!!

Durchlaufen Sie die Schleife mit dem Wert in einem dynamischen Selektor, der den Attributselektor verwendet.

var values="Test,Prof,Off";
$.each(values.split(","), function(i,e){
    $("#strings option[value='" + e + "']").prop("selected", true);
});

Arbeitsbeispiel http://jsfiddle.net/McddQ/1/

in jQuery:

$("#strings").val(["Test", "Prof", "Off"]);

oder in reinem JavaScript:

var element = document.getElementById('strings');
var values = ["Test", "Prof", "Off"];
for (var i = 0; i < element.options.length; i++) {
    element.options[i].selected = values.indexOf(element.options[i].value) >= 0;
}

jQuery führt hier eine signifikante Abstraktion durch.

Stellen Sie der Funktion jQuery val einfach ein Array von Werten zur Verfügung:

var values = "Test,Prof,Off";
$('#strings').val(values.split(','));

Und um die ausgewählten Werte im gleichen Format zu erhalten:

values = $('#strings').val();

Reine JavaScript ES6-Lösung

• Fangen Sie jede Option mit einer querySelectorAllFunktion ab und teilen Sie die valuesZeichenfolge.
• Verwenden Sie Array#forEachdiese Option, um jedes Element aus dem valuesArray zu durchlaufen .
• Verwenden Array#findSie diese Option, um die Option zu finden, die dem angegebenen Wert entspricht.
• Setzen Sie das selectedAttribut auf true.

Hinweis : Array#fromTransformiert ein Array-ähnliches Objekt in ein Array. Anschließend können Sie Array.prototypeFunktionen wie Suchen oder Zuordnen verwenden .

var values = "Test,Prof,Off",
    options = Array.from(document.querySelectorAll('#strings option'));

values.split(',').forEach(function(v) {
  options.find(c => c.value == v).selected = true;
});

<select name='strings' id="strings" multiple style="width:100px;">
    <option value="Test">Test</option>
    <option value="Prof">Prof</option>
    <option value="Live">Live</option>
    <option value="Off">Off</option>
    <option value="On">On</option>
</select>

Machen Sie im Grunde genommen eine values.split(',')und durchlaufen Sie dann das resultierende Array und stellen Sie die Auswahl ein.

Reine JavaScript ES5-Lösung

Aus irgendeinem Grund verwenden Sie weder jQuery noch ES6? Dies könnte Ihnen helfen:

var values = "Test,Prof,Off";
var splitValues = values.split(',');
var multi = document.getElementById('strings');

multi.value = null; // Reset pre-selected options (just in case)
var multiLen = multi.options.length;
for (var i = 0; i < multiLen; i++) {
  if (splitValues.indexOf(multi.options[i].value) >= 0) {
    multi.options[i].selected = true;
  }
}

<select name='strings' id="strings" multiple style="width:100px;">
    <option value="Test">Test</option>
    <option value="Prof">Prof</option>
    <option value="Live">Live</option>
    <option value="Off">Off</option>
    <option value="On" selected>On</option>
</select>

var groups = ["Test", "Prof","Off"];

    $('#fruits option').filter(function() {
      return groups.indexOf($(this).text()) > -1; //Options text exists in array
    }).prop('selected', true); //Set selected

Dies ist ein Fehler in einigen Antworten für Ersetzen |

var mystring = "this|is|a|test";
mystring = mystring.replace(/|/g, "");
alert(mystring);

Diese Korrektur ist korrekt, aber die | Am Ende sollte es so aussehen \ |

var mystring = "this|is|a|test";
mystring = mystring.replace(/\|/g, "");
alert(mystring);