Как заполнить данные в динамически создаваемом selectbox в строке таблицы, используя jquery

Question

У меня есть один сервис, который дает мне много данных из серверной части. Я должен показать, что в таблице с помощью jquery. Я показываю все данные, но не могу показать materialDetails в окне выбора. Может ли кто-нибудь помочь мне в этом?

 $.each(response.data[0].listRawItemDetails, function (i) {
                            $("#received_item > tbody").append("<tr>" +
                                                        "<td>" + '<input type="hidden" name="fabricId'+i+'" value="'+response.data[0].listRawItemDetails[i].fabricId+'">'+ response.data[0].listRawItemDetails[i].fabriceCode + "</td>" +
                                                        "<td>" + '<input type="hidden" name="measurementRange'+i+'" value="'+response.data[0].listRawItemDetails[i].measurementRange+'">'+ response.data[0].listRawItemDetails[i].measurementRange + ' ' +response.data[0].listRawItemDetails[i].measurementType+ "</td>" +
                                                        "<td>" + '<input type="text" name="rate_'+i+'" id="rate_'+i+'" class="form-control rateCheck" value="" placeholder="Per '+response.data[0].listRawItemDetails[i].measurementType+'" style="width: 100px;" required="required">'+"</td>" +
                                                        "<td>" + '<span class="totalAmt'+i+'"></span>' + "</td>" +
                                                        **"<td>" + '<select class="form-control" id="materialDetails'+i+'"><option value="">-Select-</option></select>' + "</td>" +**
                                                    "</tr>");
                    }) //foreach

Из response.data [0] .listRawItemDetails [i] .meterials Я получаю список материалов, мне нужно показать эти данные, в последней таблице данные как поле выбора для каждой строки.

Answer 1

Я добавил эти строки кода, это работает для меня ..

$.each(response.data[0].listRawItemDetails, function (i) {
                        $.each(response.data[0].listRawItemDetails[0].meterials, function(index, value) {
                            $('#materialDetails'+i).append('<option value="' + value+ '">' + value+ '</option>');
                        });
                    }); //foreach