简体   繁体   English

如何使用 jquery 在表格行中动态创建选择框中填充数据

[英]How to populate data in dynamically created selectbox in a table row using jquery

I have one service which gives me lots of Data from back-end.我有一项服务可以为我提供大量来自后端的数据。 I have to show that in a table using jquery.我必须在使用 jquery 的表格中证明这一点。 I shows every data but unable to show the materialDetails in a selectbox.我显示了所有数据,但无法在选择框中显示 materialDetails。 Could anyone help me on this?有人可以帮我吗?

 $.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

From response.data[0].listRawItemDetails[i].meterials I'm getting list of materials, I need to show that data, in last table data as a selectbox for each row.response.data[0].listRawItemDetails[i].meterials我得到材料列表,我需要在最后一个表数据中显示该数据作为每一行的选择框。

I added these lines of code it works for me..我添加了这些对我有用的代码行..

$.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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM