我想在我的表中創建一個下拉串列，其中填充來自 ajax 回應的動態資料并附加到表中。我的郵遞員收藏看起來像這樣。
{
"createdDate": "2022-04-06T11:42:37.360Z",
"enabled": true,
"_id": "62502b868daa3b1cdbdc98e8",
"CNIC": "40740c7d9f3a11d93e76af7f2f60887a",
"employeeID": "LE44337",
"fName": "HUSNAIN",
"company": "6249fdf91399dc7a14173dcd",
"fatherName": "husnain",
"motherName": "momutaz",
"spouse": "no spouse",
"children": [{
"_id": "62502b868daa3b1cdbdc98e9",
"name": "hunsian",
"age": 23232
}, {
"_id": "62502b868daa3b1cdbdc98ea",
"name": "hunsian",
"age": 12121
}, {
"_id": "62502b868daa3b1cdbdc98eb",
"name": "momin",
"age": 2323
}
}
下面是我將資料附加到表中的 ajax 回應代碼。
success : function(response){
var trHTML = '';
$.each(response.doc, function (i, item) {
trHTML = '<tr><td>' item.fName '</td><td>' item.CNIC '</td><td>' item.spouse '</td><td>' item.fatherName '</td><td>' item.motherName '</td><td>' item.employeeID '</td><td>' item.children.map(({name, age}) => `Name: ${name} Age: ${age}`).join(' || ') '</td></tr>';
});
$('#records_table').append(trHTML);
}
itme.children name , age 我想將它下拉到表格中，這樣看起來不錯。
uj5u.com熱心網友回復：
如果您的意思是像選擇選單這樣的下拉選單，這應該可以完成作業
trHTML = `... <td>
<select>
<option selected disabled>Click me</option>`
item.children.map(({name age}) => `<option>Name: ${name}, Age: ${age}</option>`).join('')
`</select></td>`;
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/461030.html
標籤：javascript html 阿贾克斯