使用 JavaScript 清除多选下拉菜单

Posted 2023-02-22

【中文标题】使用 JavaScript 清除多选下拉菜单

【英文标题】：Clear multi select dropdown using 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 我检查了身份证，还有其他建议吗？

【参考方案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