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); 
}

多选下拉取消选择的图像

谢谢Venkateswara rao

Answer 1

当添加记录时，您正在向数组推送，但当取消选择时，您需要拼接用户数组

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