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