javascript - 如何使用 jquery 在表格行中动态创建的选择框中填充数据
问题描述
我有一项服务可以为我提供大量来自后端的数据。我必须在使用 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我得到材料列表,我需要在最后一个表数据中显示该数据作为每一行的选择框。
解决方案
我添加了这些对我有用的代码行..
$.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
推荐阅读
- java - 我正在尝试仅针对 Select 查询提高 Springboot + MyBatis 中 API 的性能
- python - python程序中的问题,我们从给定的字符串中获取字符串并将其第一个字符的所有出现替换为'$'符号
- sql - 连续日期/不连续日期sql server
- c++ - 在 R 中测试新的 id 组合
- javascript - 在 react.js 中选择选项的值字段中设置 id
- python - 如何通过分配给第 3 列值中的每个值来扩展数据框
- android - 谷歌是否删除了 GDPR 植入?
- c# - ASP.NET Core 3.1 MVC 客户端应用程序访问由 KeyCloak 保护的 ASP.NET Core 3.1 API
- java - 如何捕获用户对实体中需要打印的内容的偏好
- flutter - Flutter:如何制作 Web Server(web) 类型的构建