Как включить объект в HTML-форму?

Question

Я пытаюсь добавить объект в HTML-форму. Объект будет выглядеть так:

let bestilling = {
    btnUndersider1:      500,
    btnUndersider2:      750,
    btnUndersider3:     1500,
    btnUndersider4:     4500,
}

Я попытался создать невидимое поле ввода, а затем использовать # id.value, а также # id.innerHTML, однако ни один из них не сработал. Важно, чтобы объект был невидим для клиентов. Как мне это сделать? Спасибо.

Answer 1

Вы можете просто перебрать свой объект.Это создает новые <span> и <input> для каждого с новой строкой.Если вы хотите сделать какой-либо из них невидимым, до appendChild просто примените e.style.visibility = "hidden" или "e.style.display = none", в зависимости от желаемого макета.

let bestilling = {
    btnUndersider1:      500,
    btnUndersider2:      750,
    btnUndersider3:     1500,
    btnUndersider4:     4500,
}

for (x=0; x<Object.keys(bestilling).length; x++) {
    e = document.createElement('span');
    e.innerText = Object.keys(bestilling)[x] + " - ";
    document.body.appendChild(e);

    e = document.createElement('input');
    e.value = bestilling[Object.keys(bestilling)[x]];
    document.body.appendChild(e);
    document.body.appendChild(document.createElement('br'));
}