在 asp.net 中从 Jquery 多选中获取选定的值

Question

查看并找到链接断开或对我不起作用的解决方案，表示我正在使用此处找到的多选 http://abeautifulsite.net/blog/2008/04/jquery-multiselect/ 当我点击按钮以在 c# 中使用它们时，我需要获取选中的复选框，我是完全停留在这一点上，演示中使用的示例是 php :-(

JQuery:

  $(document).ready(function () {
        $("#EGM").multiSelect({ selectAll: false, oneOrMoreSelected: '*' });
    });

控制：

 <select id="EGM" multiple="multiple" style="width: 100px;">
        <optgroup label="EGM">
         <option>data</option>           
        <option>driven</option>           
        <option>dropdown</option>      
        </optgroup>
        <optgroup  label="System Type">SystemType
         <option>data</option>          
         <option>driven</option>           
         <option>dropdown</option>          
         </optgroup>            
         </select>

我需要在后面的代码中选择我的值：

  protected void SubmitButton_Click(object sender, EventArgs e)
{

     //what goes here?!?

}

Answer 1

执行此操作的正确方法是将<select ...> 更改为<asp:ListBox ...> 并将您的脚本更新为

$(document).ready(function() {
    $('#<%=this.EGM.ClientID%>').multiSelect(...);
});

但是<asp:ListBox> 控件本身并不支持optgroup 内部元素。有一些使用 ControlAdapters 的解决方法（请参阅：Dropdownlist control with <optgroup>s for asp.net (webforms)? - VB.NET）。使用它，您可以直接访问 ListItems。

也就是说，一种不太合适但耗时更少的方法，您也可以通过在 multiSelect 初始化程序中指定回调方法并在后面的代码中枚举数组来将 $('#EGM').val() 转储到 <asp:HiddenField> 中。