在创建选择列表时，从代码中添加html'data-'元素到selectlistitem

Question

我正在构建一个选择列表，它将根据'data-'元素中的值进行不同的分组。例如：组标题将类似于“黄色水果”，“红色水果”，“紫色水果”......并且选择项将根据选择项数据中的值分组在特定组标题下。 selectitem的文本是水果的名称，其值是水果的产品代码。 注意： 组头必须是可点击的。如果用户要单击组标题，则该组中的所有内容都将被删除并放入另一个列表框中，反之亦然。我无法在optGroup内使用SelectListItem完成此操作。