.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
Gaurav Pal
Post New Web Links

How to get value from dynamically added html input?

Posted By:      Posted Date: October 09, 2010    Points: 0   Category :ASP.Net

Hi everyone,

 I'm struggling with the Javascript problem and need some help. On my page, I have a Javascript function that allowed users to add a text input with different ID:

<script language="javascript" type="text/javascript">
        function addElement() {
            var ni = document.getElementById('myDiv');
            var numi = document.getElementById('theValue');
            var num = (document.getElementById('theValue').value - 1) + 2;
            numi.value = num;
            var newdiv = document.createElement('div');
            var divIdName = 'my' + num + 'Div';
            newdiv.setAttribute('id', divIdName);
            newdiv.innerHTML = '<b>Citation ' + num + ': </b><input type="text" id="citation' + num + '" size="100%" />';

How do I get these Javascript-generated input elements after the user submits the form? 

Thanks for help,



View Complete Post

More Related Resource Links

dynamically change html code when user is authenticated


So I have a fairly simple web site which allows an Administrator to edit some data in a database which is displayed on some web pages.

The main navigation on the site is shown in the code snippet below. The Admin link goes to a Login.aspx which allows the Administrator to log in - once authenticated they get sent to the data edit page.

So my question is, how could I dynamically add a link to the data edit page in the <ul> list below once the user is authenticated ?

This would allow the authenticated user to see links to the secure pages in the main navigation bar.

<%--Top Navigation Menu --%>
<div id="topMenu">
<li><a href="default.aspx">Home</a></li>
<li><a href="introduction.aspx">Introduction</a></li>
<li><a href="curriculum.aspx">Curriculum</a></li>
<li><a href="times.aspx">Times & Fees</a></li>
<li><a href="staff.aspx">Staff</a></li>
<li><a href="login.aspx">Admin</a></li>
</div><%--End of topMenu Container--%>
<div id="clear"></div><%--Floats items cleared End of Master Page--%>

Remove a dynamically added ListViewItem from a ListView

Good day, In my xaml I have created a window in my app which contains a  ListView control. I have programmatically added ListViewItems. The ListViewItems each contain a grid. Grid column 0 contains a textblock, Grid column 1 contains a textbox and Grid column 2 contains a button. What I would like to do is click the button in the ListViewItems grid, and remove the ListViewItem in the button is contained from the ListView. Could anyone suggest a way to do this? I would really appreciate any advice, as this is crucial to the feature I am creating.

How to dynamically create HTML file from the code ?

Hi all,Precisely and concisely, I have aspx page that has only one button "Generate". If the user clicked on this button, one HTML page should be created. The created HTML page should have title "Home" and the Body should contain "Hello World". 1) What is the code that should be written inside "Generate" button in order to accomplish this functionality? 2) Assuming the HTML page gets created, How to store it inside specific folder on the local drive? Or how to store it inside DB? I would greatly appreciate any constructive input!

Input HTML in ASP Literal

Hey, i have a literal which is text content is: "" which gives me a TextBox. how can i get the HTML text box value after it changed on runtime? because when i click for example on a Button that Msgbox me Literal.Text it always message "" instead "" how can i do it? Thanks!

Dynamically modify HTML markup


Hi, I have a Master Page as well as a standard Web Form aspx file. What if I wanted to dynamically modify the complete HTML markup in an aspx file (perhaps based on a conditional statement - perhaps in a specific content place holder), how would I go about doing this? Sorry I'm coming from a PHP background so this is why I'm asking such a simple question.

Dynamically added text boxes disappears after page refresh


Dim objDatabase As New database
        Dim objAdapter As SqlDataAdapter
        Dim objDataset As New DataSet
        Dim objAdapter1 As SqlDataAdapter
        Dim objDataset1 As New DataSet
        Dim objAdapter2 As SqlDataAdapter
        Dim objDataset2 As New DataSet

        objAdapter = New SqlDataAdapter("SELECT first_name + ' ' + last_name as [Name],father_mobile_no as [Father Mob No],mother_mobile_no as [Mother Mob No] FROM student_data WHERE class='" & cmb_class.SelectedValue & "' and division = '" & cmb_division.SelectedValue & "' and school_id='" & Session("school_id") & "'", objDatabase.con)
        objAdapter.Fill(objDataset, 0)
        If objDataset.Tables(0).Rows.Count > 0 Then

            Dim dt_table As DataTable

Formatting layout of dynamically added controls


Ihave the following code and would like to be able to control the layout of the textboxes and labels so they arent just in a long column. Right now everything works and controls are added, but they are added in 1 column which if you chose 32 from the dropdown the page becomes very long.. so would like to maybe wrap them across 3 columns so that each has at least 10 per column.


for (int i = 0; i < Convert.ToInt32(ddlNumCam.SelectedValue); i++)   
    TextBox txtCamera = new TextBox();   
    Label lblCam = new Label();   
    txtCamera.ID = "txtCam" + i;   
    lblCam.ID = "lblCam" + i;   
    lblCam.Text = "Camera # " + i;   
    pnlCameras.Controls.Add(new LiteralControl("<br />"));   


Dynamically Added Controls and Events


Hi All,

I have a custom control that is dynamically added to a web page based on a search/sort that the user runs.  This is triggered by a button, at which point the controls are created and data populated.  The display of this data is functional, however this custom control contains a button.  After reading up on the lifecycle of the page, I realized that everything associated with the dynamic control is lost after a postback, and that the event is not raised until page_load has occurred.  Therefore, my button that triggered the postback disappeared into the ether before the ASP .Net Engine looked at the event.  

My question is, is there a way to dynamically create this control and being able to access the events?  Even if I put the data in the ViewState, and reload the control each Page_Load, the event data will be gone right, because the 'sender' ceases to exist?  Is this approach I'm trying to take a dead end?  Thanks in advance.

Grab the clientid of a dynamically added control


Hi all,

I add CompareValidators dynamically in my code behind. I need to access these controls within javascript to see if they are active or not. Whats the best way to do this?

The button that calls this javascript is also added dynamically. I dont know how many validators I add and they are added via a loop. I add the name to a string which I pass into my JS function, so within JS I have access to all validators added. Heres my code behind which creates the validators:

CompareValidator CV = new CompareValidator();
CV.ID = "CV" + parameter.Name;
CV.Type = ValidationDataType.Date;
CV.Operator = ValidationCompareOperator.DataTypeCheck;
CV.ErrorMessage = "* Invalid date";
CV.Display = ValidatorDisplay.Dynamic;
CV.ControlToValidate = parameter.Name;
CV.ValidationGroup = "valGroup1";
CV.Style["font"] = "Arial";
CV.Style["color"] = "Red";
CV.Style["font-size"] = "10px";


if (validators != "")
validators += ":" + CV.ClientID;
validators = CV.UniqueID;


I then add my button passing in 'validators' string:

HtmlInputButton btn = new HtmlInputButton();
btn.Value = "Run Report";
btn.ID = "Ru

HTML input type value in server side



I am making use of XSLT in showing a XML form. But in XSLT file along with the path of XML, I have a checkbox and a textbox input html control type. My question is how can I access these html control input value in the server page?


Code analysis complaint (CA2000: Dispose objects before losing scope) on dynamically added control


It appears as though CA2000 was added to the code analysis for VS2010.


We have a bunch of code that dynamically adds controls during the CreateChildControls method. On various control types, we're getting this CA2000 complaint. I changed a bunch of controls to use a Using statement. When doing this on a AjaxControlToolkit.AlwaysVisibleControlExtender control, it caused the control to always appear at the bottom of the page rather than staying always visible. In the base class of this control, I noticed that there is logic to do things differently during PreRender if dispose had previously been called.


What is the proper way to satisfy CA2000 on a control like this while adding the control dynamically during CreateChildControls?

This is how the code was when getting CA2000.

            Dim alwaysVisibleControlExtender As New AjaxControlToolkit.AlwaysVisibleControlExtender
            With alwaysVisibleControlExtender
                .ID = Me.ID & "AlwaysVisibleControlExtender"
                .TargetControlID = m_AccordionAlwaysVisiblePanel.ID
                .VerticalSide = AjaxControlToolkit.VerticalSide.Top
                .HorizontalSide = AjaxControlToolkit.HorizontalSide.Center

how to capture text from text field and pass to input parameter of dataconnection added as rules in


Hi All,

I have a small application on infopath form published to Sharepoint form library.

I have a text field where i enter serial number to search.

And on rules of search button i added rule where i pass input text to input parameter of dataconnection.

This dataconnection is actually a web service which get details of serial number from SQL database

and then on another button "remove record" rule added where if data is there..which result from first button then delete record from form library and database and enter log details to SQL table ..these all steps writtern in try catch of a webservice.

My problem is:

1. when i enter text to search i need to click twice on search button to get data from SQL ..or i have to click on outside of text field (anywhere in form) to get the event changed and then to click to button to search.

2. when i click on "remove record" button i get error message as error in accessing datasource..

but when i check in preview its working fine


pls advise


-- Regards Sandeep

Any better than jquery dynamically write html code?


I am creating a page which contains one grid showing the content from a very slow data source. There are other faster contents to be displayed too.

I know I can use jquery to dynamically generate the html code from a dedicated controller for the slow data source. 

However, it's not intuitive to read the jquery code for the grid. is there any better way?

Dynamically added table rows disappear on return



I am adding table rows dynamically, after I return from a post back, these rows disappear.

Is there a way to preserve these rows and add them back on page load?

ASP.NET, HTML, JavaScript Snippet Support (VS 2010 and .NET 4.0 Series)

This post covers another useful improvement in VS 2010 - HTML/ASP.NET/JavaScript snippet support. Snippets allow you to be more productive within source view by allowing you to create chunks of code and markup that you can quickly apply and use in your application with a minimum of character typing.

Visual Studio has supported the concept of "snippets" for VB and C# in previous releases - but not for HTML, ASP.NET markup and JavaScript. With VS 2010 we now support snippets for these content types as well.

Using a CompareValidator to check input is a valid date

The CompareValidator can do more than just compare two controls. You can also compare it against several of the main .net data types such as Date, Integer, Double and Currency.

To do this you would set Operator="DataTypeCheck" and instead of setting the ControlToCompare or ValueToCompare attributes as you normally would you use the Type="Date" (or any of the data types I have listed above).
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend