472,790 Members | 1,451 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,790 software developers and data experts.

how to send data to the server from dynamically created html controls


currently i am working on an apliction(ASP.NET/C#) that creates dynamic html rows which contain six html text boxes and a html dropdowllist. At the time of page load the web page contain six server side text boxes and a serverside drop down list. and a html "Addrow" buton which create client side textboxes and dropdown list dynamichally Now i am meeting a problem of passing values from dynamichally created html controls to Server Side
Very Urgent
please help me
code follows

[HTML]<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" language="javascript">

var ar=new Array();
var ar2=new Array();
var len;
function LoadDdl()
len=document.getElementById('Select1').options.len gth;



function addRow()
var ni = document.getElementById('trContent');
var numi = document.getElementById('theValue');
var num = (document.getElementById('theValue').value -1)+ 2;
numi.value = num;
//add a row to the rows collection and get a reference to the newly added row
var newRow = document.all("tblGrid").insertRow();

//add 7 cells (<td>) to the new row and set the innerHTML to contain text boxes

var oCell = newRow.insertCell();
oCell.innerHTML = "<input type='text' id="+"slno"+num+" name='t1' style='width: 72px'>";

oCell = newRow.insertCell();
//oCell.innerHTML = "<input type='text' name='t2' style='width: 72px'>";
//oCell.innerHTML = "<select id='ddl' name='t2' style='width: 72px'>";
var selecttg="<select id="+"ddl"+num+"' style='width:72px'>";
var optiontg="";

//var sel=document.getElementById('ddl');
var optiontg =optiontg+"<option value="+ar2[i].toString()+">"+ar[i].toString()+"</option>";

var fullbotle=selecttg+optiontg;
oCell = newRow.insertCell();
oCell.innerHTML = "<input type='text' id="+"number"+num+" name='t3' style='width: 72px'>" ;
oCell = newRow.insertCell();
oCell.innerHTML = "<input type='text' id="+"qty"+num+" name='t4' style='width: 72px'>";

oCell = newRow.insertCell();
oCell.innerHTML = "<input type='text' id="+"rate"+num+" name='t5' style='width: 72px'>";

oCell = newRow.insertCell();
oCell.innerHTML = "<input type='text' id="+"discount"+num+" name='t6' style='width: 72px'>";
oCell = newRow.insertCell();
oCell.innerHTML = "<input type='text' id="+"Amount"+num+" name='t7' style='width: 72px'>";
oCell = newRow.insertCell();
oCell.innerHTML = "<input type='button' value='Delete' onclick='removeRow(this);'/>";

//deletes the specified row from the table
function removeRow(src)
/* src refers to the input button that was clicked.
to get a reference to the containing <tr> element,
get the parent of the parent (in this case case <tr>)
var oRow = src.parentElement.parentElement;

//once the row reference is obtained, delete it passing in its rowIndex
<body onmouseover="LoadDdl()">
<input type="hidden" value="0" id="theValue" />
<form id="form1" runat="server">
<table id="tblGrid" style="table-layout:fixed" runat="server">
<td >
<td >
<td >
<td >
<td >
<td >
<tr id="trContent">
<td >
<input id="Text1" type="text" runat="server" style="width: 84px" /></td>
<td >
<select id="Select1" runat="server" style="width: 102px"></select></td>
<td >
<input id="Text3" type="text" runat="server" style="width: 72px" /></td>
<td >
<input id="Text4" type="text" runat="server" style="width: 66px" /></td>
<td >
<input id="Text5" type="text" runat="server" style="width: 66px" /></td>
<td >
<input id="Text6" type="text" runat="server" style="width: 66px" /></td>
<input id="Text7" type="text" runat="server" style="width: 72px" /></td> <td ><input type="button" value="Delete" onclick="removeRow(this);" /></td>

<input type="button" value="Add Row" onclick="addRow();" />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Save" /></div>
Thanking you and regards
Apr 2 '08 #1
3 2954
16,027 Expert Mod 8TB
As long as you've named your elements and appended them within the form, the values should be submitted when you submit the form.
Apr 2 '08 #2
can u pls give an example using dynamic contol
Apr 2 '08 #3
16,027 Expert Mod 8TB
Does none of the data from the dynamically created elements get sent when the form is submitted or only some of the data?
Apr 3 '08 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

by: Russ | last post by:
I'm interested in setting up a web page where live data can be displayed in real-time on the web page. For example: I would like to display a (nice looking) graph of some data value versus time...
by: eswanson | last post by:
I have a web page I need to post a file plus some other fields to it. How can I do this from a asp.net page. I know I can send individual fields to the other page, but how do I send a file to the...
by: Sileesh | last post by:
Hi I have html table and a Button in an Aspx page. I am adding one row with some textboxes to Html table each time i click on the Button thru Javascript. Now problem is when when i try to...
by: Tom wilson | last post by:
I'm trying to create dynamic controls in ASP.Net. It's driving me nuts. I keep getting the error: Control '16' of type 'RadioButton' must be placed inside a form tag with runat=server. Dim...
by: Ferryandi | last post by:
hi, i have created a button link like this and attach it to placeholder in code behind linkbutton1 = New LinkButton linkbutton1.Text = "Link Button linkbutton1.ID = "Link1"...
by: assgar | last post by:
Hi I am stuck on a problem. I use 3 scripts(form, function and process). Development on win2003 server. Final server will be linux Apache,Mysql and PHP is being used. The form displays...
by: pbd22 | last post by:
Hi. How do I add the runat=server attribute on a buttonfield link dynamically? thanks!
by: =?Utf-8?B?RHlsYW5TbWl0aA==?= | last post by:
I have a WebForm where I'm dynamically creating some controls and I'm having difficulty understanding how the state is being persisted and how to work with it. I've created a simplified example...
by: semomaniz | last post by:
I have a form where i have created the form dynamically. First i manually added a panel control to the web page. Then i added another panel dynamically and inside this panel i created tables. I have...
by: Rina0 | last post by:
Cybersecurity engineering is a specialized field that focuses on the design, development, and implementation of systems, processes, and technologies that protect against cyber threats and...
by: erikbower65 | last post by:
Using CodiumAI's pr-agent is simple and powerful. Follow these steps: 1. Install CodiumAI CLI: Ensure Node.js is installed, then run 'npm install -g codiumai' in the terminal. 2. Connect to...
by: linyimin | last post by:
Spring Startup Analyzer generates an interactive Spring application startup report that lets you understand what contributes to the application startup time and helps to optimize it. Support for...
by: erikbower65 | last post by:
Here's a concise step-by-step guide for manually installing IntelliJ IDEA: 1. Download: Visit the official JetBrains website and download the IntelliJ IDEA Community or Ultimate edition based on...
by: kcodez | last post by:
As a H5 game development enthusiast, I recently wrote a very interesting little game - Toy Claw ((http://claw.kjeek.com/))。Here I will summarize and share the development experience here, and hope it...
by: DJRhino1175 | last post by:
When I run this code I get an error, its Run-time error# 424 Object required...This is my first attempt at doing something like this. I test the entire code and it worked until I added this - If...
by: DJRhino | last post by:
Private Sub CboDrawingID_BeforeUpdate(Cancel As Integer) If = 310029923 Or 310030138 Or 310030152 Or 310030346 Or 310030348 Or _ 310030356 Or 310030359 Or 310030362 Or...
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
by: Mushico | last post by:
How to calculate date of retirement from date of birth

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.