Dynamic generate id

Prakash

10y958

Hello Experts,

i want to generate dynamic id for textbox and button.

$(document).ready(function () {

function addRow() {

var html = '' +

'' +

'';

$(html).appendTo($("#Table1"));

};

$("#Table1").on("click", "#btnadd", addRow);

function deleteRow() {

var par = $(this).parent().parent();

par.remove();

};

});

when i click on "add product" button its add new row for product.But not getting different id for Textbox of new row.

Please help me.

Thank You

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Midhun Tp10y ago
Accepted answer
Hi,
Check this
var i=0;
$(document).ready(function () {
function addRow() {
var html = '' +
'' +
'' +
'' +
'' +
'' +
'';
$(html).appendTo($("#Table1"));
i++;
};
/
$("#Table1").on("click", "#btnadd", addRow);
function deleteRow() {
var par = $(this).parent().parent();
par.remove();
};
};
});
+2
Prakash10y ago
Hello sir,
I have below function for one record..i want to calculate for dynamically generated ids of multiple records.
please help
Thank You
function calculateSubtotal() {
var Amount = document.getElementById('txtAmount_1').value;
var Quantity = document.getElementById('txtQyantity'_1).value;
var TotalAmount = Amount * Quantity;
$('#txtsubtotal').val(TotalAmount);
$('#txtTotalAmount').val(TotalAmount)
}
+1
Prakash10y ago
Thank You sir its working...I did not declare i=0 as global
+2
Prakash10y ago
Can u suggest me any sample code for same...Or can u modify in my code which i send.Please
Thank You
+1
Midhun Tp10y ago
Hi,
You need to generate id dynamically. You can add an increment number with that id. Declare a global variable and increment it on every button add click and append that variable to id.
+1
Prakash10y ago
Yes sir, I checked but id get same it not change for new textbox of new row
+1
Suthish Nair10y ago
I guess your code is fine.. After adding multiple rows, open view source and check the id value. It should be different.
+1