使用 JavaScript 清除多选下拉菜单答案

【问题标题】：Clear multi select dropdown using JavaScript使用 JavaScript 清除多选下拉菜单
【发布时间】：2019-08-06 12:06:04
【问题描述】：

我正在尝试使用 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");
 }

【问题讨论】：

请显示选择下拉菜单的 HTML 代码
@Aakash 添加了更多 chtml
@EricAimeTchatchoua 您是否在检查选择是否具有正确的 ID？第二个选项应该可以解决问题$("#HoldItemsArr option:selected").prop("selected", false);
@KhaldounNd 我检查了身份证，还有其他建议吗？

标签： javascript jquery asp.net-mvc

【解决方案1】：

下面的链接可以帮助我找到想要的东西

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

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

$('#HoldItemsArr').val('').trigger('chosen:updated');

【讨论】：

【解决方案2】：

选项 1：

$("#HoldItemsArr").multiselect("clearSelection");

选项 2：

$("#HoldItemsArr option:selected").removeAttr("selected");
$("#HoldItemsArr").multiselect('refresh');

请看链接：https://www.py4u.net/discuss/911129

【讨论】：