我正在使用bootstrap-multiselect-https://github.com/davidstutz/bootstrap-multiselect。
我有没有选项(子项)的optgroup时遇到问题。然后,默认情况下在multiselect-container中选择这些组,但不在select组中选择。尝试从所有无法正常工作的<li>
元素中删除“活动”类。
有什么帮助吗?
@foreach (var item in Model)
{
if (item.Parent == null)
{
<optgroup label="@item.Name" value="@item.Id" id="@item.Id"></optgroup>
}
else
{
<option value="@item.Id" id="@item.Id" class="indent-subProject" data-parent="@item.Parent">@item.Name</option>
}
}
在我的脚本中:
$('#projects').multiselect({
includeSelectAllOption: true,
enableClickableOptGroups: true
});
//hide all projects
$('.multiselect-container > li').find('input').each(function () {
$(this).parents().eq(2).addClass("disabled");
$(this).parents().eq(2).removeClass("active");
});
//show only assigned projects
$('.multiselect-container > li').find('input').each(function () {
for (i = 0; i < listOfAssignedProjects.length; i++) {
if ($(this).val() == listOfAssignedProjects[i]) {
$(this).parents().eq(2).css("display", "block");
$(this).parents().eq(2).removeClass("disabled");
$(this).prop("disabled", false);
$(this).parents().eq(2).removeClass("active");
}
}
});