У мене є вибір:

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

Я завантажую дані зі своєї бази даних. Тоді у мене є такий рядок:

var values="Test,Prof,Off";

Як я можу встановити ці значення у кратному виборі? Вже спробував змінити рядок у масиві та поставити його як значення у множині, але це не працює ...! Хтось може мені допомогти у цьому? ДЯКУЮ!!!

Ітерація через цикл, використовуючи значення в динамічному селекторі, що використовує селектор атрибутів.

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

Приклад роботи http://jsfiddle.net/McddQ/1/

в jQuery:

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

або в чистому 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 робить тут значну абстракцію.

Просто надайте функції jQuery val масив значень:

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

І щоб отримати вибрані значення в тому самому форматі:

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

Чисте рішення ES6 JavaScript

• Ловіть кожен варіант за допомогою querySelectorAllфункції та розділітьvalues рядок.
• Використовуйте Array#forEachдля повторення кожного елемента зvalues масиву.
• Використовуйте Array#find для пошуку параметра, що відповідає заданому значенню.
• Встановіть його selectedатрибут true.

Примітка : Array#fromперетворює масив, схожий на масив, в масив, і тоді ви можете використовувати Array.prototypeна ньому функції, як знайти або зіставити .

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>

В основному зробіть a, values.split(',')а потім проведіть цикл через отриманий масив і встановіть Select.

Чисте рішення ES5 JavaScript

Чомусь ви не використовуєте jQuery і ES6? Це може допомогти вам:

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

це помилка в деяких відповідях на заміну |

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

ця корекція правильна, але | Зрештою, це має виглядати так \ |

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