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

Question

我正在使用多选下拉菜单来选择多个选项。当我尝试添加多个用户名时，它工作正常。当我尝试从 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

谢谢 文卡特斯瓦拉罗

Answer 1

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

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