Это тема рекуррентная: создайте выпадающий список с флажками.
Я следовал этому уроку: https://www.c -sharpcorner.com / blogs / multiselect-dropdownlist-with-checkboxes-in-asp-net-with-c-sharp-and-vb-net-using-jquery-plugin
Но тем не менее у меня есть общая ошибка: "Uncaught TypeError: $ (...). multiSelectне является функцией "
Вот HTML-код рендеринга:
<head> <title>Listing</title> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"> <meta content="C#" name="CODE_LANGUAGE"> <meta content="JavaScript" name="vs_defaultClientScript"> <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema"> <link href='/styles/stylesheet.css' type="text/css" rel="stylesheet"> <script language="JavaScript" src='/scripts/utilities.js' type="text/javascript"></script> <script language="JavaScript" src='/scripts/sortList.js' type="text/javascript"></script> <script language="javascript" src='/scripts/listingConfirmation.js' type="text/javascript"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.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*=lstFruits]').multiSelect({ includeSelectAllOption: true }); $("#Button1").click(function () { alert($(".multiselect-selected-text").html()); }); }); </script>
Я пробовал использовать как" multiSelect ", так и" multiselect ".
Вот ListBox:
<td> <asp:ListBox ID="lstFruits" runat="server" SelectionMode="Multiple"> <asp:ListItem Text="Mango" Value="1" /> <asp:ListItem Text="Apple" Value="2" /> <asp:ListItem Text="Banana" Value="3" /> <asp:ListItem Text="Guava" Value="4" /> <asp:ListItem Text="Orange" Value="5" /> </asp:ListBox> <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Submit" /> </td>
Код также готов и работает:
protected void Submit(object sender, EventArgs e) { string message = string.Empty; foreach (ListItem item in lstFruits.Items) { if (item.Selected) { message += item.Text + " " + item.Value + "\\n"; } } ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "alert('" + message + "');", true); }
Проблема: мое представление по-прежнему отображает ListBox, а НЕ выпадающий список с флажками, плюс когдаЯ нажимаю на один элемент, он автоматически обновляется и показывает знак загрузки (небольшая проблема)
Чего мне не хватает?Почему я не вижу выпадающий список, как в учебнике?