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*=<%= ListBox1.ClientID %>]').multiselect({
                 includeSelectAllOption: true
             });

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