javascript - 无法清除下拉菜单的文本

Question

我无法清除下拉列表中选定的文本，并且我正在使用引导多选插件。我已经使用了清空、重置和销毁，但无法清除所选文本，但它正在清除所选下拉值。

这是我的 div:

<div class="col-sm-3 form-group input search-box" style="padding-left:0">
    <div class="input-group event-search" id="reset">
        @Html.DropDownList("EventCategoryDDL", @ViewBag.EventCategories as IEnumerable<SelectListItem>, new { @class = "form-control call-checkbox", @multiple = "multiple" })
        <span class="input-group-addon">
            <i class="fa fa-file-text" aria-hidden="true"></i>
        </span>
    </div>
</div>

$('#btnReset').click(function () {
   $('#EventCategoryDDL').multiselect('refresh');
   oTable.columns().search('').draw();
}

$("#EventCategoryDDL").multiselect({
    includeSelectAllOption: true,
    nonSelectedText: '-- Select Category --'
});

我尝试了很多可能性，但无法从下拉列表中清除所选文本。我使用了多选刷新，但它刷新了下拉列表值，但没有清除下拉列表的选定文本。

Answer 1

尝试以下操作

$('#btnReset').click(function () {
        $("#EventCategoryDDL option").removeAttr('selected').prop('selected', false);
        $('#EventCategoryDDL').multiselect('refresh');
}