使用JavaScript清除多选下拉菜单

Question

我正尝试使用javascript清除多选下拉列表，如下图所示

班级

    [MultiSelect("GetLookUps", 6)]
    public int[] HoldItemsArr { get; set; }

Chtlm

<div class="row form-group">
 @Html.RequiredLabelFor(model => model.HoldItemsArr, new { @class = "control-label col-md-5" })
 <div class="col-md-7">
 @Html.EditorFor(model => model.HoldItemsArr, new { htmlAttributes = new { @class = "form-control", multiple = "multiple" } })
 @Html.ValidationMessageFor(model => model.HoldItemsArr, "", new { @class = "text-danger" })
   </div>
</div>

JavaScript

 if (($("#ReasonForLeaving").val() == 15)) {
     $("#ResignationInfo").show();
 }
 else {
     // I tried all the option below 
     $('#HoldItemsArr').length = 0;
     $("#HoldItemsArr option:selected").prop("selected", false);
     $("#HoldItemsArr").val('')
     $("#HoldItemsArr").multiSelect("clearSelection");
 }

Answer 1

下面的链接可帮助我寻找所需的

How do I reset a jquery-chosen select option with jQuery?

我需要将以下代码添加到我的JavaScript

$（'＃HoldItemsArr'）。val（''）。trigger（'chosen：updated'）;