我正在使用 jquery chosen,我想从 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]);
它对我不起作用。
最佳答案
设置select
值后需要触发chosen: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*/, "").replace(/\s*$/, "");
}
$("#UserRole").val(str_array).trigger("chosen:updated");
});
演示:Fiddle
关于javascript - Jquery 选择从 javascript 中设置选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28691032/