Hi all i’m trying to figure out a way to assign a uniqe identifier to each row but keep the ids uniqe identifer the same as each row. Still learning javascript..
for first row:
id=row1, id=addbtn1, id=comment1
for second row:
id=row2, id=addbtn2, id=comment2, id=formAttachment2
for third row:
id=row3, id=addbtn3, id=comment3, id=formAttachment3
<div class="row" id="row" name="row">
<div class="col-auto" id="col">
<div id="AddButton">
<br /><button name="addbtn" type="button" class="btn btn-link addbtn" style="font-size: 11px; margin-top: -40px" id="addbtn"><font color="green"><b>+ Add</b></font></button>
</div>
</div>
<div class="col-auto" id="col">
<textarea class="form-control" rows="1" id="comment" cols="75" name="comment"></textarea>
</div>
</div>
<div class="row" id="row" name="row">
<div class="col-auto" id="col">
<div id="AddButton">
<br /><button name="addbtn" type="button" class="btn btn-link addbtn" style="font-size: 11px; margin-top: -40px" id="addbtn"><font color="green"><b>+ Add</b></font></button>
</div>
</div>
<div class="col-auto" id="col">
<textarea class="form-control" rows="1" id="comment" cols="75" name="comment"></textarea>
</div>
<div class="col-auto" id="col">
<form method="post" enctype="multipart/form-data">
<div class="mb-4">
<div class="row">
<div class="col-auto">
<input type="file" name="file" class="form-control" id="formAttachment" style="width: 500px" />
</div>
</div>
</div>
</form>
</div>
</div>
<div class="row" id="row" name="row">
<div class="col-auto" id="col">
<div id="AddButton">
<br /><button name="addbtn" type="button" class="btn btn-link addbtn" style="font-size: 11px; margin-top: -40px" id="addbtn"><font color="green"><b>+ Add</b></font></button>
</div>
</div>
<div class="col-auto" id="col">
<textarea class="form-control" rows="1" id="comment" cols="75" name="comment"></textarea>
</div>
<div class="col-auto" id="col">
<form method="post" enctype="multipart/form-data">
<div class="mb-4">
<div class="row">
<div class="col-auto">
<input type="file" name="file" class="form-control" id="formAttachment" style="width: 500px" />
</div>
</div>
</div>
</form>
</div>
</div>
<script>
$(document).ready(function () {
var addrow = 0;
$("[name='row']").each(function () {
addrow = addrow + 1;
$(this).attr("id", "row" + addrow);
});
});
</script>
i tried manipulating the script each function but have not had any luck yet.