asp выпадающий список выбора нескольких элементов - PullRequest
Новая
       67

asp выпадающий список выбора нескольких элементов

0 голосов
/ 30 января 2020

Я пытаюсь выбрать несколько элементов из списка drowpdownlist, я использую bootstrap, но моя проблема: я могу получить только первый выбранный элемент, не могу получить другие выбранные.

мой код (стили и сценарии): 

 <link rel="stylesheet" href="Content/bootstrap.min.css" /> <!-- Bootstrap v4.4.1 -->
 <link rel="stylesheet" href="Content/bootstrap-select.css" /> <!-- Bootstrap-select v1.13.1 -->
 <script src="js/jquery-1.9.1.js"></script>
 <script src="Scripts/bootstrap.bundle.min.js"></script>
 <script src="Scripts/bootstrap-select.min.js"></script> <!-- Bootstrap-select v1.13.1  -->
 <script type="text/javascript">
    $('select').selectpicker();
 </script>

мой DDL: 

<asp:DropDownList CssClass="selectpicker" ID="DropDownList1" runat="server" multiple data-live-search="true"  SelectionMode="multiple">
            <asp:ListItem>Brasil</asp:ListItem>
            <asp:ListItem>Colombia</asp:ListItem>
            <asp:ListItem>United States</asp:ListItem>
            <asp:ListItem>Frannce</asp:ListItem>
            <asp:ListItem>Italy</asp:ListItem>
            <asp:ListItem>Japan</asp:ListItem>
        </asp:DropDownList>

Я использую кнопку, и это команда OnClick: 

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

Как я уже сказал .. Я могу получить только первый товар, кто-нибудь может мне помочь? спасибо

С наилучшими пожеланиями

1 Ответ

0 голосов
/ 30 января 2020

DropDownList

позволяет пользователю выбрать один элемент из раскрывающегося списка

A ListBox позволяет вам выбрать несколько элементов: 

<asp:ListBox CssClass="selectpicker" 
             ID="DropDownList1" 
             runat="server" 
             data-live-search="true"  
             SelectionMode="Multiple">
    <asp:ListItem>Brasil</asp:ListItem>
    <asp:ListItem>Colombia</asp:ListItem>
    <asp:ListItem>United States</asp:ListItem>
    <asp:ListItem>Frannce</asp:ListItem>
    <asp:ListItem>Italy</asp:ListItem>
    <asp:ListItem>Japan</asp:ListItem>
</asp:ListBox>

Остальная часть вашего кода должна работать как есть, возможно, обновить идентификатор. Aspsnippets имеет пример использования bootstrap.

...