c# - 如何在代码隐藏中获取 jQuery 多选 UI 的选定值？

Question

我有 jQuery UI 多选。我需要在代码隐藏中单击按钮时选择的值。

.aspx 页面:

 <select id="countries" runat="server" class="multiselect" name="countries[]">
    </select>

    <asp:Button id="Submit" runat="server" OnClick="btn_OnClick"></asp:Button>

.cs页面:

protected void Page_Load(object sender, EventArgs e) {
   countries.Attributes.Add("multiple", "multiple");
   for(int i=0; i<10; i++) {
      countries.Items.Add(i.ToString());
    }
 }

protected void btn_OnClick(object sender, EventArgs e) {   }​

Answer 1

您需要将选择元素更改为此(选项只是示例):

<select runat="server" id="countries" multiple="true" class="multiselect">
    <option label="1" value="1" />
    <option label="2" value="2" />
    <option label="3" value="3" />
    <option label="4" value="4" />
    <option label="5" value="5" />
</select>

您遗漏了 runat="server"，并且 multiple 属性必须为 true 而不是“multiple”。 ASP.NET 将为您处理名称属性。

在后面的代码中，您需要迭代所有选择的项目并检查它们的选定属性，如下所示:

protected void btn_OnClick(object sender, EventArgs e)
{
    for (int i = 0; i < countries.Items.Count; i++)
    {
        if (countries.Items[i].Selected)
        {
            // do something
            // countries.Items[i].Value;
        }
    }
}