你如何在 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'));
}