MultiSelectList動態更改ASP.NET MVC剃刀

Question

我正在使用此代碼生成multi-select2。 標簽是一個MultiSelectList。

@Html.DropDownList("mail-to", (IEnumerable<SelectListItem>)ViewBag.Tags, String.Empty, htmlAttributes: new { multiple = "", @class = "form-control select2 select2-multiple" })

$("#mail-to").select2({
           minimumResultsForSearch: -1,
           closeOnSelect: false,
       });

效果很好。 現在，我想根據復選框字段選中的更改事件，使用另一個ViewBag更改選擇選項。 有沒有一種方法可以更改用這種類型的列表填充的select2數據，也可以通過MVC的方法來進行更改？

我嘗試過的

$("#mail-to").select2({
    tags: @ViewBag.TagsArea, //or tags: @Html.Raw((IEnumerable<SelectListItem>)ViewBag.TagsArea)
                    });

Answer 1

設法解決它：

var areas = @Html.Raw(Json.Encode(ViewBag.Tags)) ;    
$("#mail-to").empty();
     $.each(areas, function (index, element) {
         $("#mail-to").append($('<option/>', {
            value: element.Value, text: element.Text
             }));
     });