Przekazanie danych do formularza

Witajcie
Przychodzę do was z innego działu a w js robię to co muszę :) Także potraktujcie mnie z rezerwą.
Otóż mam aplikację .net core i z kontrolera chciałbym przekazać pewne atrybuty do formularza z tym, że formularz u mnie w html to tak na prawdę tylko divy(jako contenery dla poszczególnych części forma a cała reszta jest ładowana dynamicznie w zależności od tego co użytkownik później wybierze.
plus minus coś takiego:

<form>

    <div id="Column4" class="tab">
        <p class="tabTitle">Spis:</p>
        <div class="form-row">
            <div class="col text-center">
                <div class="form-check">
                    <p>Brak <input class="disputedCreditorsCheckbox" type="checkbox" checked></p>
                </div>
            </div>
        </div>
        <div class="disputedCreditorsClass">

        </div>
    </div>


    <div id="Column5" class="tab">
        <p class="tabTitle">Spis:</p>
        <div class="form-row">
            <div class="col text-center">
                <div class="form-check">
                    <p>Brak<input class="disputedCreditorsCheckbox" type="checkbox" checked></p>
                </div>
            </div>
        </div>
        <div class="disputedCreditorsClass">

        </div>
    </div>

</form>

w js mam eventy, na click w checkbox`ie

var disputedCreditors = 0;
var disputedCreditorsCode = '';
function disputedCreditorsCodeBuild() {
    disputedCreditorsCode = `
            <div class="veryfication-row">
            <div class="form-row">
            <div class="col form-group">
            <p>Imię i nazwisko :<input name="DisputedCreditors[${disputedCreditors.toString()}].DisputedCreditorName" type="text"></p>
            </div>
            <div class="col form-group">
            <p>Adre:<input name="DisputedCreditors[${disputedCreditors.toString()}].DisputedCreditorPlace" type="text"></p>
            </div>
            </div>
            <div class="form-row">
            <div class="col form-group">
            <p>Wysokość :<input name="DisputedCreditors[${disputedCreditors.toString()}].DisputedCreditorValue" type="number"></p>
            </div>
            <div class="col form-group">
            <p>Termin:<input name="DisputedCreditors[${disputedCreditors.toString()}].DisputedCreditorDate" type="date"></p>
            </div>
            </div>
            <div class="form-row">
            <div class="col form-group">
            <p>Zakres:<input name="DisputedCreditors[${disputedCreditors.toString()}].DubtfulDate" type="text"></p>
            </div>
            <div class="col text-center form-group">
            <p><br><button style="width:100%;" type="button" class="btn btn-outline-secondary addButton" onclick="${disputedCreditors == 0 ? 'add' : 'remove'}('Column5','disputedCreditors')">${disputedCreditors == 0 ? 'Dodaj' : 'Usuń'}</button></p>
            </div>
            </div>
            </div>`
};
$(".disputedCreditorsCheckbox").click(function () {
    disputedCreditorsCodeBuild();
    disputedCreditors = 0;
    if ($(this).is(':checked')) {
        $(".disputedCreditorsClass").empty();
    }
    else {
        $(".disputedCreditorsClass").append(disputedCreditorsCode);
    }
});

Jak teraz wczytać te dane do formularza przy ładowaniu?
Pozdrawiam

Wybaczcie, że podbijam te pytanie,
Czy może ktoś zna jakiś sposób poza pisaniem kolejnego skryptu, który przy inicjalizacji strony sprawdzi model i na podstawie jego stanu wyświetli dane ?

Przy ładowaniu, w sensie pierwszym załadowaniu strony? Możesz dodać obsługę zdarzenia DOMContentLoaded

document.addEventListener('DOMContentLoaded', function () {
  // tu niezbędne działania
});