HTML中select控件如何后台二级分组

Question

<SELECT id="list1" ondblclick="moveOption(document.Form1.list1, document.Form1.list2)" style="FONT-SIZE: 100%; WIDTH: 150px; HEIGHT: 380px"
multiple size="18" name="list1" runat="server">
</SELECT>
foreach(DataRow row in dt.Rows)
{
this.list1.Items.Add(new ListItem(row["fullname"].ToString(),row["fullname"].ToString()+","+row["name"].ToString()+","+row["factorCode"].ToString()));
}
是用Items.Add添加去的，求增加分组的方法 

Answer 1

select 控件 本来是没有分组后台绑定现在需求是需要进行分组前台的例子是这样的<select name="country" ID="Select1">
<optgroup value="Africa">
<option value="gam" selected>Gambia</option>
<option value="mad">Madagascar</option>
<option value="nam">Namibia</option>
</optgroup>
<optgroup value="Europe">
<option value="fra">France</option>
<option value="rus">Russia</option>
<option value="uk">UK</option>
</optgroup>
<optgroup value="North America">
<option value="can">Canada</option>
<option value="mex">Mexico</option>
<option value="usa">USA</option>
</optgroup>
</select>
这个后台怎么动态绑定

Answer 2

optgroup 的话 是没办法用Add 方法的你可以这样写<SELECT id="list1" ondblclick="moveOption(document.Form1.list1, document.Form1.list2)" style="FONT-SIZE: 100%; WIDTH: 150px; HEIGHT: 380px"
                            multiple size="18" name="list1Name" >
<%= selectHtml %>
                            </SELECT>protected string selectHtml="";
selectHtml="";
foreach(DataRow row in dt.Rows)
            {
                //分组的时候加<optgroup
                if(分组)
                {selectHtml+="<optgroup value='North America'>";}
                selectHtml+="<option value="can">Canada</option>";
                selectHtml+="<option value="mex">Mexico</option>";
                selectHtml+="<option value="usa">USA</option>";
                if(分组)
                {selectHtml+="</optgroup>";}                                
            }

Answer 3

用5L的方法
我想遇到这样的问题是不是可以解决<optgroup label='North America'>在选择组名的时候能触发OnDbClick事件吗？原来的OnDbClick在选择<option value="can">Canada</option>可以触发，这怎么解决

Answer 4

选optgroup  是不会触发事件的想实现类似功能 只能 div 模拟 select