如何将Bootstrap Multiselect Dropdown更改为Multiselect已打开列表框？

如何解决如何将Bootstrap Multiselect Dropdown更改为Multiselect已打开列表框？

我在“ MVC视图”页面上有一个下拉多个选择列表，正在处理数据模型，但我需要一个打开的列表框，而不是一个下拉列表，有一些脚本，我无法找到合适的属性作为列表框

<div class="form-group form-row" id="ListBoxDiv">
      <div class="col-md-12">
            @Html.ListBoxFor(
            x => x.MainCategories,Model.SubCategories,htmlAttributes: new { @class = "form-control mdb-select",@required = true,@id = "ListBoxForSelectables",@multiple="True" }
            )
            
        </div>
    </div>

这是脚本：

<script language="javascript" type="text/javascript">
    
    var jsonObject = [];
    $(document).ready(function () {
        
        $('#ListBoxForSelectables').multiselect(
            {
                includeselectAllOption: true,selectAllValue: 'multiselect-all',enableFiltering: true,enableCaseInsensitiveFiltering: true,maxHeight: '300',buttonWidth: '300',selector: "[data-tooltip=tooltip]",});

        $('#ListBoxForSelectables').change(function () {
     
          /*...*/

        })  

      /*...*/
    });

    function GetProducts(_territoryId) {
    /*...*/

        $("#ListBoxForSelectables").empty();
        $("#ListBoxForSelectables").multiselect("refresh");
        $('#ListBoxForSelectables').multiselect('rebuild');
    }

    function GetDocuments(_productId) {
            $("#ListBoxForSelectables").empty();
            $("#ListBoxForSelectables").multiselect("refresh");
            $('#ListBoxForSelectables').multiselect('rebuild');
    /*...*/

    }
</script>