Hi i needed help off putting an array into the input box value display below
This is how my array response is
[{"CollectionFirstDate": "2021-12-15", "StartDay": 1, "EndDay": 6}]
I woud like that this array is put into my input box
2021-12-15 = DateoffirstcollectionDisplay
StartDay": 1, "EndDay": 6 = dayrange
How can i do that ?
<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>You didn't mention any errors you've got. You may try this code:
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>