asp.net web表单中的列表框多选答案

【问题标题】：Listbox multi select in asp.net web formsasp.net web表单中的列表框多选
【发布时间】：2020-01-23 03:32:32
【问题描述】：

我一直在研究 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>

这是上面的输出。

但我想这样做

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

提前感谢您的帮助！

【问题讨论】：

标签： multi-select bootstrap-multiselect jquery-ui-multiselect

【解决方案1】：

尝试改变

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

到

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

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

【讨论】：

没有任何改变。还是一样的输出。
console.log 的输出是什么($('[id*=]'))
asp.net中有console.log吗？对不起，我不知道。当我放置 console.log 时，它显示为浏览器中显示的文本。按 f12 时不在控制台中
ASP.NET 将文本发送到浏览器，然后多选就可以工作了。刚刚在我的答案中发现了一个类型。请尝试$('[id*=<%= listItemBox.ClientID %>]').multiselect({ includeSelectAllOption: true }); 而不是$('[id*=listItemBox]').multiselect({ includeSelectAllOption: true });，然后告诉我
还是一样的输出。没有任何改变。