CODEWITHSUNDEEP
selectcode-behind
GLP
GLP

Reputation: 3675

How to create a html select in code behind c#?

We need to create html dropdown list dynamically. Following is our current code. Option1 and Option2 are strings that include all the items. The reason we have two strings is we split all the items in two groups. 

<td>
<div id="dvGroup" style="display:none;" runat="server"></div>
</td>

string Option1 = "<optgroup label='Group1'><option>1</option><option1>2</option>";
string Option2 = "<optgroup label='Group2'><option>a</option><option>b</option><option>c</option>;
…
dvGroup.InnerHtml = "<Select name='ddGroup' id='ddGroup'>" + Option1 + Option2 + "</Select>";

But by setting InnerHtml will potentially bring some security problem. So I changed it to:

HtmlSelect select = new HtmlSelect();
select.ID = "ddGroup";
select.Name = "ddGroup";
select.ClientIDMode = ClientIDMode.Static;
dvGroup.Controls.Add(select);

select.Controls.Add(new LiteralControl(Option1 + Option2));

However, it threw following error at the line select.Controls.Add…

'System.Web.UI.HtmlControls.HtmlSelect' does not allow child controls.

How do I fix this? Another problem is, setting ClientIDMode to Static only make sure the id is not changed, but name still being added extra stuff. How do I make sure name is not changed either?

Upvotes: 2

Views: 5818

Answers (1)

Siva Charan
Siva Charan

Reputation: 18064

You can do this way:

HtmlSelect mHtmlSelect = new HtmlSelect();
mHtmlSelect.ID = "ddGroup";
mHtmlSelect.Name = "ddGroup";
mHtmlSelect.ClientIDMode = ClientIDMode.Static;

String Option1 = "Hello";
String Option2 = "World";
mHtmlSelect.Items.Add(new ListItem(Option1 + Option2));
this.Controls.Add(mHtmlSelect);

Output:

<select name="ddGroup" id="ddGroup">
    <option value="HelloWorld">HelloWorld</option>
</select>

Upvotes: 6

Related Questions