How to generate a dynamic textbox in asp.net using C#

December 08 2019 by Admin

In this article, we will explore how to generate a dynamic textbox in asp.net using C# with an example and sample code.

In this article, we will explore how to generate a dynamic textbox in asp.net using C# with an example and sample code. In this example, we have taken a panel button control for this task and the control name from the static DataTable.

Required namespaces

We will need to use the following namespaces.

using System.Data;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

HTML

In the html we have taken Panel,Button control . When click on button get the Textbox data using JQuery.

<html>

<title>How to Generate dynamic textbox in asp.net using C#</title>

function getdata() {

var value = "";

for (var i = 0; i < $("#pnltextboxs").find('input').length; i++) {

value += $($("#pnltextboxs").find('span')[i]).text() + " : "

value += $("#" + $($("#pnltextboxs").find('input')[i]).attr("id")).val() + " : "

}

$("#lblOutput").text(value);

}

</script>

</head>

<body>

<div>

<asp:Panel ID="pnltextboxs" runat="server">

</asp:Panel>

<asp:Label ID="lblOutput" Text="" runat="server" />

</div>

</form>

</body>

</html>

we have taken static datatable for generate dynamic control using forloop.

protected void Page_Load(object sender, EventArgs e)

{

this.Getdata();

}

private DataTable Getdata()

{

DataTable dt = new DataTable();

dt.Columns.Add("PhoneNo");

dt.Columns.Add("MobileNo");

dt.Columns.Add("HomeNo");

for (int i = 0; i < dt.Columns.Count; i++)

{

TextBox txt = new TextBox();

Label lbl = new Label();

txt.ID = "txt" + dt.Columns[i].ToString();

lbl.ID = "lbl" + dt.Columns[i].ToString();

lbl.Text = dt.Columns[i].ToString();

pnltextboxs.Controls.Add(lbl); pnltextboxs.Controls.Add(new LiteralControl(":"));

pnltextboxs.Controls.Add(txt);

pnltextboxs.Controls.Add(new LiteralControl("<br /><br />"));

}

return dt;

}

Screenshot

How to Generate dynamic textbox in asp.net using C#

Download

Textbox
Button

Home > ASP.NET > How to generate a dynamic textbox in asp.net using C#

How to generate a dynamic textbox in asp.net using C#

Related Articles

How to use gridview in asp.net with C# using Mysql

2/1/2019 11:51:00 PM By Admin

2237 Views

How to use gridview with datatable in asp.net with C# using Mysql

2/3/2019 9:50:00 PM By Admin

1887 Views

How to bind gridview with datatable in asp.net with C# without using the database

2/3/2019 10:35:00 PM By Admin

5502 Views

How to bind gridview with datatable in asp.net with c# without using the database

2/3/2019 10:35:00 PM By Admin

2389 Views

How to fetch data from database in Asp.net

2/10/2019 10:05:00 PM By Admin

7495 Views

How to insert and retrieve data from the database in vue js using asp.net with C#

3/4/2019 7:54:00 AM By Admin

8221 Views

How to bind Repeater control from database in Asp.net

3/10/2019 10:51:00 AM By Admin

3926 Views

how to save and retrieve session value in asp.net

3/30/2019 5:59:00 AM By Admin

1917 Views

How to use Session variables asp.net c#

4/2/2019 11:24:00 AM By Admin

11853 Views

How to pass list of items using session in asp.net

4/2/2019 12:07:00 PM By Admin

3136 Views

Comments

Leave a Reply

Comment:^*

Please your Comment !

Email ID:^*

Enter Your Email Id ! Enter Your Validate Email Id !

Name:^*

Enter your Name !

RECENT POSTS

Technology

Information

Tags

Email Alerts

Home > ASP.NET > How to generate a dynamic textbox in asp.net using C#

Related Articles

How to use gridview in asp.net with C# using Mysql 2/1/2019 11:51:00 PM By Admin 2237 Views

How to use gridview with datatable in asp.net with C# using Mysql 2/3/2019 9:50:00 PM By Admin 1887 Views

How to bind gridview with datatable in asp.net with C# without using the database 2/3/2019 10:35:00 PM By Admin 5502 Views

How to bind gridview with datatable in asp.net with c# without using the database 2/3/2019 10:35:00 PM By Admin 2389 Views

How to fetch data from database in Asp.net 2/10/2019 10:05:00 PM By Admin 7495 Views

How to insert and retrieve data from the database in vue js using asp.net with C# 3/4/2019 7:54:00 AM By Admin 8221 Views

How to bind Repeater control from database in Asp.net 3/10/2019 10:51:00 AM By Admin 3926 Views

how to save and retrieve session value in asp.net 3/30/2019 5:59:00 AM By Admin 1917 Views

How to use Session variables asp.net c# 4/2/2019 11:24:00 AM By Admin 11853 Views

How to pass list of items using session in asp.net 4/2/2019 12:07:00 PM By Admin 3136 Views