Bootstrap www.example.com中带有复选框的多选下拉列表asp.net

6ss1mwsb  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(2)|浏览(126)

我正在使用bootstrap多选下拉列表与复选框。它的工作没有主表单。但它不工作与主表单:

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<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
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 <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" Text="Submit" runat="server" OnClick="Submit" />

</asp:Content>

C#程式码:

protected void Submit(object sender, EventArgs e)
    {
        string message = "";
        foreach (ListItem item in lstFruits.Items)
        {
            if (item.Selected)
            {
                message += item.Text + " " + item.Value + "\\n";
            }
        }
        ClientScript.RegisterClientScriptBlock(this.GetType(), "alert", "alert('" + message + "');", true);
    }

我已经推荐了
this article:
通过使用此代码,我有一个下拉列表的页面上,但下拉点击事件,它不激发我看不到任何列表。请协助我解决这个问题。

beq87vna

beq87vna1#

请删除前2个<script>和2个<link>标记,但不要删除最后一个<script><link>标记您问题将得到解决

js81xvg6

js81xvg62#

我知道这篇文章似乎是几个月前,但对其他用户来说,这里是解决方案。
1.第一件事是,使用如下直接定义id的最佳实践。(您可能需要将ClientID模式设置为静态)
$('#lstFruits').多选({包括选择全部选项:false});
1.要触发ListBox选定索引更改(我假设您所说的下拉单击事件是指选定索引更改),请将listbox的autopostback属性设置为true
有关更多详细信息,请参阅以下链接http://www.codewithasp.net/2015/04/jquery-multiselect-dropdown-in-aspnet.html

相关问题