如何将数组响应放入输入框

Question

Hi我需要帮助将数组放入下方的输入框值显示中

这就是我的阵列响应的方式

[{"CollectionFirstDate": "2021-12-15", "StartDay": 1, "EndDay": 6}]

我想把这个数组放进我的输入框

2021-12-15 = DateoffirstcollectionDisplay
StartDay": 1, "EndDay": 6  = dayrange

我该怎么做？

<div class="mb-3 StyleFormRestRight dateoffirstcollection">
<label for="CollectionType" class="col-3 form-label"><b class="Dateoffirstcollection">Date of first collection</b></label>
<br/>
<input type="text" class="col-2 form-control" id="DateoffirstcollectionDisplay" disabled readonly>
</div>
<div class="mb-3 StyleFormRestRight daysrange">
<label for="CollectionType" class="col-3 form-label"><b class="dayrange">Day range</b></label>
<br/>
<input type="text" class="col-2 form-control" id="dayrange" disabled readonly>
</div>

Answer 1

您没有提到任何错误。你可以试试这个代码：

const responses = [
{ CollectionFirstDate: '2021-12-15', StartDay: 1, EndDay: 6 },
];
document.addEventListener('DOMContentLoaded', () => {
responses.forEach((response) => {
document.getElementById('DateoffirstcollectionDisplay').value =
response.CollectionFirstDate;
document.getElementById(
'dayrange'
).value = `${response.StartDay} - ${response.EndDay}`;
});
});

<div class="mb-3 StyleFormRestRight dateoffirstcollection">
<label for="CollectionType" class="col-3 form-label"
><b class="Dateoffirstcollection">Date of first collection</b></label
>
<br />
<input
type="text"
class="col-2 form-control"
id="DateoffirstcollectionDisplay"
disabled
readonly
/>
</div>
<div class="mb-3 StyleFormRestRight daysrange">
<label for="CollectionType" class="col-3 form-label"
><b class="dayrange">Day range</b></label
>
<br />
<input
type="text"
class="col-2 form-control"
id="dayrange"
disabled
readonly
/>
</div>