1 回答

TA貢獻1818條經(jīng)驗 獲得超3個贊
newPlan.monday您需要使用 an循環(huán)遍歷 的條目index,以便可以將 current 的值設置key為適當?shù)脑刂?。在本例中為monday-index(monday-1)。
這是一個例子:
const newPlan = {
name: '',
description: '',
number: '',
monday: {
breakfast: '',
secondBreakfast: '',
soup: '',
secondMeal: '',
supper: '',
}
};
let index = 1;
newPlan.name = document.getElementById('planName').innerHTML;
newPlan.description = document.getElementById('planDescription').innerHTML;
newPlan.number = document.getElementById('planWeekNumber').innerHTML;
for (let [key, value] of Object.entries(newPlan.monday)) {
newPlan.monday[key] = document.getElementById(`monday-${index}`).value;
index++;
}
console.log(newPlan);
<tr>
<td>PONIEDZIA?EK</td>
<div id="planName">Plan 1</div>
<div id="planDescription">Tasty food.</div>
<div id="planWeekNumber">1</div>
<td>
<input list="monday-breakfast" id="monday-1" value="Ham and eggs">
<datalist id="monday-breakfast"></datalist>
</td>
<td>
<input list="monday-second-breakfast" id="monday-2" value="Cereal">
<datalist id="monday-second-breakfast"></datalist>
</td>
<td>
<input list="monday-soup" id="monday-3" value="Meat soup">
<datalist id="monday-soup"></datalist>
</td>
<td>
<input list="monday-second-meal" id="monday-4" value="Hamburger">
<datalist id="monday-second-meal"></datalist>
</td>
<td>
<input list="monday-supper" id="monday-5" value="Toast">
<datalist id="monday-supper"></datalist>
</td>
</tr>
- 1 回答
- 0 關注
- 100 瀏覽
添加回答
舉報