[英]How to replace ListItem with custom HTML in select in webforms
我在一个应用程序中使用 WebForms,其中我的代码生成一个 HtmlSelect:
HtmlSelect teamfilter = new HtmlSelect();
teamfilter.ID = "team_filter_" + studioId;
teamfilter.Attributes.Add("class", "col-md-9");
teamfilter.Attributes.Add("multiple", "true");
ListItem listItem = new ListItem("All " + studioName, "studio_" + studioId);
listItem.Attributes.Add("data-type", "studio");
teamfilter.Items.Add(listItem);
在客户端,我使用了一个插件,该插件允许使用标签将 ListItems 与列表中的标题分组。 换句话说,呈现的 HTML 必须显示为:
<select id="blah">
<optgroup label="Games">
<option value="1">One</option>
<option value="2">Two</option>
</optgroup>
</select>
我需要使用 HtmlSelect 类和 ListItem 类在后面的代码中生成这个 Select 但是我如何添加一个项目以便它呈现开始和结束 optgroup 标签?
我认为你不能只在后面的代码中做到这一点。
将代码保留在以您正在执行的方式生成HtmlSelect
,并且使用 jQuery,也许您可以执行以下操作:
$("select[id='blah'] option").wrap("<optgroup label='Games'></<optgroup>");
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.