Jquery选择从javascript设置选定的值

我正在使用 jquery,我想从 javascript设置选定的值

使用Javascript / jQuery的

$(document).ready(function() {
  var selectedUserRole = document.getElementById('SelectedUserRole').value;
  var str_array = selectedUserRole.split(',');

  for (var i = 0; i < str_array.length; i++) {
    // Trim the excess whitespace.
    str_array[i] = str_array[i].replace(/^\s*/,"").replace(/\s*$/,"");
    // Add additional code here,such as:

    $("UserRole").prop('selectedValue',str_array[i]); // Here not working
  }
});

HTML：

@Html.DropDownList("UserRole",null,new { id = "UserRole",@class = "chosen-select",@multiple = "multiple",@placeholder = "Lütfen Rol Seçiniz",@style = "width: 250px;" })

str_array的值如下

[5,1,7]

我想设置5个值,选择1个值,选择7个值

当我尝试下面

$("UserRole").prop('selectedValue',str_array[i]);

它不适合我.

解决方法

设置选择值后,需要触发所选的：updated事件

$("#UserRole").val(str_array[i]).trigger("chosen:updated");

选择多个值

$(document).ready(function () {

    var selectedUserRole = document.getElementById('SelectedUserRole').value;

    var str_array = selectedUserRole.split(',');

    for (var i = 0; i < str_array.length; i++) {
        str_array[i] = str_array[i].replace(/^\s*/,"");
    }

    $("#UserRole").val(str_array).trigger("chosen:updated");
});

演示：Fiddle