下拉菜单中的多项选择并更新查询字符串

Question

我根据公司及其客户的选择生成报告。 我对公司使用一个下拉菜单，并根据公司显示客户。 但是，我希望能够选择多个客户，并且当用户单击视图报告的按钮时，我希望使用该选择来更新查询字符串。 如果选择的客户是三个，我想使用查询字符串传递他们的客户代码。 查询字符串按客户选择发送。

请帮我。

谢谢并恭祝安康。

米特什

Answer 1

在选择页面（aspx）中：

...
<script type="text/javascript">
        function submitSelection() {
            var customerList = document.getElementById('<%= lbCustomers.ClientID %>');
            var companyList = document.getElementById('<%= lbCompany.ClientID %>');
            var selectedCustomerQuery = [];
            for (var i = 0; i < customerList.options.length; i++) {                
                if (customerList.options[i].selected)
                    selectedCustomerQuery.push('customer_id=' + customerList.options[i].value);
            }
            location.href = 'Report.aspx?company_id=' + companyList.value + '&' + selectedCustomerQuery.join('&');
        }
    </script>
        <asp:DropDownList ID="lbCompany" runat="server" SelectionMode="Single" >
        <asp:ListItem Value="1">Company 1</asp:ListItem>
        <asp:ListItem Value="2">Company 2</asp:ListItem>
    </asp:DropDownList><br />
    <asp:ListBox ID="lbCustomers" runat="server" SelectionMode="Multiple">
        <asp:ListItem Text="John" Value="1"></asp:ListItem>
        <asp:ListItem Text="Paul" Value="2"></asp:ListItem>
        <asp:ListItem Text="Peter" Value="3"></asp:ListItem>
    </asp:ListBox><br />
    <input id="Button1" type="button" value="View Report" onclick="submitSelection()" />
...

然后在您的Report.aspx.cs中：

...
protected void Page_Load(object sender, EventArgs e)
        {
            var selectedCompany = Request.QueryString["company_id"];
            //get passed selected customers, will be stored in an array
            var selectedCustomers = Request.QueryString.GetValues("customer_id");

            Response.Write(string.Format("Company ID: {0}, Customers: {1}", selectedCompany.ToString(), string.Join(",", selectedCustomers)));
        }
...

这说明了一个无需回发页面的示例。 如果需要发回代码以处理后面代码中的其他逻辑，则必须将<input>按钮更改为ASP.NET按钮控件，并处理其OnClick事件。