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');
}

无法清除下拉列表的文本

1 个答案: