MVC中的多选下拉选择和取消选择问题

问题描述

我正在使用多选下拉菜单来选择多个选项。当我尝试添加多个用户名时，它工作正常。当我尝试从 UI 的下拉列表中取消选择选定的用户名之一时，它看起来像是正在删除，但从代码级别取消选择的用户名没有被删除。 任何人都可以帮我解决这个问题。我正在使用以下代码进行多选下拉。

<div id="dvUserNames" class="col-md-6">
@if (Model.UserNameCollection != null)
{
    @Html.DropDownListFor(model => model.UserId,new SelectList(Model.UserNameCollection,"UserId","UserName",Model.UserId),new { @class = "chosen-select",multiple = "multiple",@style = "width:6.0cm"                               
                         })
}
</div>

我在 jquery 按钮点击事件中使用以下代码。

  var UserNameCollection=[]; 
    for (var i = 0; i < $('#dvUserNames :selected').length; i++) 
{ 
UserNameCollection.push($('#dvUserNames :selected')[i].value); 
}

MultiSelect DropDown Deselected Image

谢谢 文卡特斯瓦拉拉奥

解决方法

你添加记录的时候是push到数组，但是取消选中的时候需要拼接user数组

UserNameCollection.splice([Index of removed username]);