Need to Retrieve data from dynamically added text boxes

Question

I added text boxes dynamically in ASP.Net from server side. By using one example which is shown in followed link

http://www.dotnettips4u.com/2013/03/dynamically-creating-text-boxes-using-c.html.

But I couldn't find out how to retrieve values from those text boxes..

Please help me to come out from this..

Here I am posting my code also..

Client Side Code:

<asp:TextBox ID="NoOfPsngr" runat="server" />
<asp:Button ID="AddP" runat="server" Text="Add Passengers" OnClick="AddP_Click" />
<asp:Panel runat="server" ID="passengerdet">
</asp:Panel>

Server Side Code:

protected void AddP_Click(object sender, EventArgs e)
{
   int rowCount = Convert.ToInt32(NoOfPsngr.Text);

   Table table = new Table();
   table.ID = "PsngrTbl";

   //Create the textboxes and labels each time the button is clicked.
   for (int i = 0; i < rowCount; i++)
   {
       TableRow row = new TableRow();

       TableCell namelblCell = new TableCell();
       Label namelbl = new Label();
       namelbl.Text = "Name";

       TableCell nameTxtCell = new TableCell();
       TextBox nameTxt = new TextBox();            

       TableCell typelblCell = new TableCell();
       Label typelbl = new Label();
       typelbl.Text = "Type";

       TableCell typeSelectCell = new TableCell();
       DropDownList typeSelect = new DropDownList();

       ListItem adultItem = new ListItem();
       adultItem.Text = "Adult";
       adultItem.Value = "Adult";
       typeSelect.Items.Add(adultItem);

       ListItem childItem = new ListItem();
       childItem.Text = "Child";
       childItem.Value = "Child";
       typeSelect.Items.Add(childItem);

       ListItem infantItem = new ListItem();
       infantItem.Text = "Infant";
       infantItem.Value = "Infant";
       typeSelect.Items.Add(infantItem);

       TableCell etktlblCell = new TableCell();
       Label etktlbl = new Label();
       etktlbl.Text = "Eticket No";

       TableCell etktTxtCell = new TableCell();
       TextBox etktTxt = new TextBox();

       //Adding.....
       namelblCell.Controls.Add(namelbl);
       typelblCell.Controls.Add(typelbl);
       etktlblCell.Controls.Add(etktlbl);

       nameTxtCell.Controls.Add(nameTxt);
       typeSelectCell.Controls.Add(typeSelect);
       etktTxtCell.Controls.Add(etktTxt);

       nameTxt.ID = "PName" + i;
       typeSelect.ID = "PType" + i;
       etktTxt.ID = "ETkt" + i;

       row.Controls.Add(namelblCell);
       row.Controls.Add(nameTxtCell);
       row.Controls.Add(typelblCell);
       row.Controls.Add(typeSelectCell);
       row.Controls.Add(etktlblCell);
       row.Controls.Add(etktTxtCell);

       table.Rows.Add(row);
   }

   passengerdet.Controls.Add(table);
}

You just use textboxid.Text to get the textbox value. How are you retrieving it? — kelsier
– kelsier, Commented Nov 23, 2013 at 6:53

Mahesh Patel · Accepted Answer · 2013-11-23 08:59:52Z

use javascript like

 $('#PsngrTbl').find('input[type=radio]').each(function (index, element) {
                    var o = $(this);
                    var oID = o.attr("id");
                    var oValue;
                    var controlName = $(this).attr('name');
                    if ($('[name=' + controlName + ']:checked').val() == undefined) {
                        oValue = "";
                    }
                    else {
                        oValue = $('[name=' + controlName + ']:checked').val();
                    }


                });
                $('#PsngrTbl').find('input[type=checkbox]').each(function (index, element) {
                    var o = $(this);
                    var value;
                    if (o.on == true) {
                        value = 1;
                    }
                    else {
                        value = 0;
                    }
                    var oID = o.attr("id");
                    var oValue = value;


                });
                $('#PsngrTbl').find('textarea').each(function (index, element) {
                    var o = $(this);
                    var oID = o.attr("id");
                    var oValue = o.val();


                });
                $('#PsngrTbl').find('select').each(function (index, element) {
                    var o = $(this);
                    var oID = o.attr("id");
                    var oValue = o.val();


                });

It will return all values of controlls of that table

Collectives™ on Stack Overflow

Need to Retrieve data from dynamically added text boxes

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related