如何在ASP.NET Web表单中显示多选择列表框为下拉列表

Question

我已经实现了以下代码，但是未呈现所需的输出。 列表框用于过滤网格视图。我可以过滤网格视图，但是正在呈现过滤器（列表框）。我需要它们在下拉列表中。 我已经在“头部”部分中包含了指向相关资源的链接，但是将控件作为列表框渲染。我已经看到此代码适用于许多教程，为什么对我不起作用？ 在上面的代码中，

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
    
    <link href="StyleSheet.css" rel="stylesheet" type="text/css">

    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="/resources/demos/style.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
    <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
    <link href = "/bootstrap/css/bootstrap.min.css" rel = "stylesheet">
    <script src = "/scripts/jquery.min.js"></script>
    <script src = "/bootstrap/js/bootstrap.min.js"></script>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
    <script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $("[id$=TextBox_From]").datepicker(
                {
                    dateFormat: 'mm/dd/yy', autoclose: true
                }
            );
            $("[id$=TextBox_To]").datepicker(
                {
                    dateFormat: 'mm/dd/yy', autoclose: true
                }
            );

            var FromDate = new Date(Session["start_date"]);

            $("[id$=TextBox_From]").datepicker('setDate', FromDate);
            var ToDate = new Date(Session["end_date"]);
            $("[id$=TextBox_To]").datepicker('setDate', ToDate);

            $("[id$=lstrpa_ticket_id]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lstPortal_ID]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lstRegion]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lstMarket]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lstClient]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $('#lstAgency').multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lstrequest_type]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lstts_type]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lstcompleted_success]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lsttime_taken_validation]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $("[id$=lsttime_taken_preQA]").multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
            $('[id*=lst1]').multiselect({ includeSelectAllOption: true, enableCaseInsensitiveFiltering: true, enableFiltering: true });
        });

    </script>

对于某些地方，我尝试了不同的方法以不同的方式识别列表框的控制，但两者都失败了：

$("[id$=lstPortal_ID]").multiselect

$('#lstAgency').multiselect

将控件渲染为：

/lqbyp.png“ rel =” nofollow noreferrer =“ https://i.sstatic.net/4i7rr.png” rel =“ nofollow noreferrer”>

所需的输出就像

Answer 1

请多次检查jQuery库，这可能是我猜的原因。