[HTML]<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript" language="javascript">[/html]
-
-
-
var ar=new Array();
-
var ar2=new Array();
-
var len;
-
function LoadDdl()
-
{
-
debugger;
-
if(document.getElementById('Select1')!=null)
-
{
-
len=document.getElementById('Select1').options.length;
-
-
for(i=0;i<len;i++)
-
{
-
-
ar[i]=document.getElementById('Select1').options[i].innerHTML;
-
ar2[i]=document.getElementById('Select1').options[i].value;
-
}
-
}
-
}
-
-
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="";
-
for(i=0;i<len;i++)
-
{
-
-
//var sel=document.getElementById('ddl');
-
var optiontg =optiontg+"<option value="+ar2[i].toString()+">"+ar[i].toString()+"</option>";
-
-
}
-
var fullbotle=selecttg+optiontg;
-
oCell.innerHTML=fullbotle+"</select>";
-
//oCell.innerHTML="</select>";
-
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
-
document.all("tblGrid").deleteRow(oRow.rowIndex);
-
}
[html] </script>
</head>
<body onmouseover="LoadDdl()">
<input type="hidden" value="0" id="theValue" />
<form id="form1" runat="server">
<div>
<table id="tblGrid" style="table-layout:fixed" runat="server">
<tr>
<td >
SLNo</td>
<td >
Item</td>
<td >
Number</td>
<td >
Quantity</td>
<td >
Rate</td>
<td >
Discount</td>
<td>
Amount</td>
</tr>
<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>
<td>
<input id="Text7" type="text" runat="server" style="width: 72px" /></td> <td ><input type="button" value="Delete" onclick="removeRow(this);" /></td>
</tr>
</table>
<hr/>
<input type="button" value="Add Row" onclick="addRow();" />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Save" /></div>
</form>
</body>
</html>[/HTML]