JQuery gewählt Satz ausgewählte Werte von Javascript

Question

Ich bin mit jquery gewählt und ich möchte von Javascript ausgewählten Werte setzen

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 hat Werte unter

[5, 1, 7]

Ich möchte Set 5 Wert ausgewählt, 1 Wert 7 ausgewählt Wert ausgewählt

Als ich unten

versucht

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

es für mich nicht funktioniert .

Answer 1

Sie müssen die chosen:updated Ereignis auslösen, nachdem der select Wert

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

---

Einstellung mehrerer v So wählen Sie alues ​​

$(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*/, "").replace(/\s*$/, ""); 
    } 

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

Demo: Fiddle

Answer 2

Statt

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

Es sollte

sein

$("#UserRole").prop('selectedValue', str_array[i]); // include '#' id selector here 

Answer 3

verwenden

Sie verfehlten '#'

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

Answer 4

Ab sofort auf diese Weise unterstützt wird, mehrere Werte zu aktualisieren:

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