我正在使用
@L_502_0@,我想从
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