multi-select - asp.net web表单中的列表框多选

Question

我一直在研究 asp.net 网络表单的下拉列表中的多项选择。我找到了几个解决方案，但是当我在我的系统上实现它时，它不起作用。顺便说一句，我正在使用 Visual Studio 2019。

这是我的示例：

<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.3.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">

         $(function () {
             $('[id*=listItemBox]').multiselect({
                 includeSelectAllOption: true
             });
         });

    </script>

<asp:ListBox ID="listItemBox" runat="server" SelectionMode="Multiple"></asp:ListBox>

这是上面的输出。

但我想这样做

我看到的所有答案都与我上面的工作相同。但我不知道为什么它在我的最终不起作用。

提前感谢您的帮助！

Answer 1

尝试改变

$('[id*=listItemBox]').multiselect({
                 includeSelectAllOption: true
             });

至

$('[id*=<%= listItemBox.ClientID %>]').multiselect({
                 includeSelectAllOption: true
             });

因为 ASP.NET 有时可以更改元素 ID。调试console.log($('[id*=<%= listItemBox.ClientID %>]'))