Tôi có nhiều lựa chọn:

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

Tôi tải dữ liệu từ cơ sở dữ liệu của mình. Sau đó, tôi có một chuỗi như thế này:

var values="Test,Prof,Off";

Làm cách nào để đặt Giá trị này trong nhiều lựa chọn? Đã thử thay đổi chuỗi trong một mảng và đặt nó dưới dạng giá trị trong bội số, nhưng không hoạt động ...! Ai đó có thể giúp tôi với điều này? CẢM ƠN!!!

Lặp đi lặp lại qua vòng lặp bằng cách sử dụng giá trị trong bộ chọn động sử dụng bộ chọn thuộc tính.

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

Ví dụ làm việc http://jsfiddle.net/McddQ/1/

trong jQuery:

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

hoặc trong JavaScript thuần túy:

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 thực hiện trừu tượng hóa đáng kể ở đây.

Chỉ cần cung cấp hàm jQuery val với một mảng giá trị:

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

Và để nhận các giá trị đã chọn ở cùng một định dạng:

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

Giải pháp JavaScript ES6 thuần túy

• Bắt mọi tùy chọn với một querySelectorAllhàm và chia valueschuỗi.
• Sử dụng Array#forEachđể lặp lại mọi phần tử từ valuesmảng.
• Sử dụng Array#findđể tìm tùy chọn phù hợp với giá trị đã cho.
• Đặt selectedthuộc tính của nó thành true.

Lưu ý : Array#frombiến đổi một đối tượng giống mảng thành một mảng và sau đó bạn có thể sử dụng các Array.prototypehàm trên nó, như tìm hoặc ánh xạ .

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>

Về cơ bản, thực hiện một values.split(',')và sau đó lặp qua mảng kết quả và đặt Chọn.

Giải pháp JavaScript ES5 thuần túy

Vì lý do nào đó bạn không sử dụng jQuery cũng như ES6? Điều này có thể giúp bạn:

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

đây là lỗi trong một số câu trả lời cho thay thế |

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

điều chỉnh này là đúng nhưng | Cuối cùng, nó sẽ giống như thế này \ |

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