How to add row to TBL on ajax success with one column as dropdown

monisha sampath

5y1.2k

@model Sampleapplication.Models.samplemodel

`Id`	`Name`	`Department`

I need help in adding row dynamically on ajax success

Row should contain only one column as dropdown other columns as td

success: function (data) {$.each(data, function (i, item) {var rows = ""+ "" + item.Id + ""+ "" + item.Name + ""+ "@Html.ListBoxFor(m => m.sDepartmentList, Model.lstToDepartment, new { Name = "Departmentlst", id = "Departmentlst", @placeholder = "Select Deaprtment" })"+ "";$('#tabledetails tbody').append(rows);
};

2 Replies

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

monisha sampath5y ago
Since I need to add two more columns before the dropdown column on ajax success Id and Name (normal td cells) Department(dropdown)
Id and name values also need to added through ajax success
Any ways to add these three columns together on ajax success ?
+1
Sachin Singh5y ago
1. success: function (data) {
2. $.each(data, function (i, item) {
4. var tr= document.createElement("tr");
5. $(tr).append(""+""+"");
7. $('#tabledetails tbody').append(tr);
9. };
+2