Çoklu seçimim var:

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

Veritabanımdan veri yüklüyorum. Sonra şöyle bir dizem var:

var values="Test,Prof,Off";

Çoklu seçimde bu Değerleri nasıl ayarlayabilirim? Zaten bir dizideki dizeyi değiştirmeyi denedim ve onu katsayıya değer olarak koymayı denedim ama çalışmıyor ... Birisi bana bu konuda yardım edebilir mi? TEŞEKKÜRLER!!!

Öznitelik seçiciyi kullanan dinamik bir seçicideki değeri kullanarak döngü boyunca yineleyin.

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

Çalışma Örneği http://jsfiddle.net/McddQ/1/

jQuery'de:

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

veya saf JavaScript'te:

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 burada önemli bir soyutlama yapıyor.

JQuery val işlevine bir dizi değer sağlamanız yeterlidir:

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

Ve seçilen değerleri aynı formatta almak için:

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

Saf JavaScript ES6 çözümü

• Her seçeneği bir querySelectorAllişlevle yakalayın vevalues dizeyi .
• Array#forEachİçindeki her öğeyi yinelemek için kullanın .values .
• Kullanım Array#find seçeneği eşleştirme verilen değeri bulmak için.
• selectedÖzniteliğini olarak ayarlayın true.

Not : Array#fromBir dönüştüren dizi benzeri bir diziye nesne ve ardından kullanmak mümkün Array.prototypegibi, üzerinde işlevlerini find veya harita .

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>

Temel olarak bir yapın values.split(',')ve ardından ortaya çıkan dizi boyunca döngü yapın ve Seç'i ayarlayın.

Saf JavaScript ES5 çözümü

Nedense jQuery veya ES6 kullanmıyorsunuz? Bu size yardımcı olabilir:

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

bu, değiştirme için bazı yanıtlarda bir hatadır |

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

bu düzeltme doğru ama | Sonunda şöyle görünmeli \ |

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