C# 使用Select2使asp:dropdownlist在弹出窗口中可搜索

我有一个asp:DropDownList，需要有一个搜索栏供用户通过下拉菜单进行搜索

如果我删除“dropdownParent:$ModalPanelCard”行，下拉列表将显示，我可以在其上搜索，但它似乎位于模式后面。一旦我引用了dropdownParent，我甚至无法选择该下拉列表，就像它没有调用select2一样。我引用的是错误的家长吗

前端代码

<asp:Panel runat="server" ID="ModalPanelCard">
  <div class="col-lg-6">
     <asp:DropDownList ID="selCustomerCard" runat="server"></asp:DropDownList>
  </div>
</asp:Panel>

剧本

<script>
 $('#<%= selCustomerCard.ClientID %>').select2({
        dropdownParent: $("#ModalPanelCard")
   });
</script>

请尝试以下操作：

<script>
    $('#<%= selCustomerCard.ClientID %>').select2({
        dropdownParent: $("#<%= ModalPanelCard.ClientID %>")
    });
</script>

只是要确保ID是正确的从ASP。ASP可以向HTML id添加额外的文本，这就是为什么我们需要确保它是相同的id