Множественный выбор списка в asp. net веб-формах

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 иногда можно изменить идентификатор элемента. Отладить console.log($('[id*=<%= listItemBox.ClientID %>]'))