Javascript 如何使用jquery在表行中动态创建的selectbox中填充数据
我有一个服务,它从后端为我提供大量数据。我必须使用jquery在表中显示这一点。 我显示所有数据,但无法在选择框中显示材料详细信息。 有人能帮我吗Javascript 如何使用jquery在表行中动态创建的selectbox中填充数据,javascript,jquery,spring-boot,Javascript,Jquery,Spring Boot,我有一个服务,它从后端为我提供大量数据。我必须使用jquery在表中显示这一点。 我显示所有数据,但无法在选择框中显示材料详细信息。 有人能帮我吗 $.each(response.data[0].listRawItemDetails, function (i) { $("#received_item > tbody").append("<tr>" +
$.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我正在获取物料列表,我需要在最后一个表格数据中显示该数据,作为每行的选择框。我添加了这些代码行,它对我有效
$.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
请更简要地解释您的问题,并发布您已经完成的所有代码。我想显示来自response的详细信息。数据[0]。材质这是materialDetails select Box response.data[0]中的一个列表。listRawItemDetails和response.data[0]。材质不相同。两者都不同这就是我想说的,meterials有数据,但您在代码中使用的是listRawItemDetails!