Javascript 文本区域和对象

是否可以在文本区域内显示列表

"NewList":[{"FirstName":"X","LastName":"Y","Address1":"A1","Address2":"A2","City":"C","State":"S","ZipPostalCode":"12345"}, {"FirstName":"X2","LastName":"Y2","Address1":"A2","Address2":"A3","City":"C2","State":"S2","ZipPostalCode":"12345"}]

据我所知，textarea只是用来显示文本而不是HTML，所以

不起作用

基本上，我的要求是在网页上显示上面的列表，允许用户编辑并保存它。 有人能建议怎么做吗？另外，form.serialize对象如何与我们使用的控件一起工作

---

谢谢。

我建议您检查每个元素，并为每个属性添加一个

和一个

一个编码示例：

response = [{"FirstName":"X","LastName":"Y","Address1":"A1","Address2":"A2","City":"C","State":"S","ZipPostalCode":"12345"}, {"FirstName":"X2","LastName":"Y2","Address1":"A2","Address2":"A3","City":"C2","State":"S2","ZipPostalCode":"12345"}];
form = document.getElementById('formId');
// Iterate through array items
for(var i=0; i<response.length; i++){
  // Iterate through item attributes
  var item = response[i];
  for(var prop in item){
    // create dom objects
    var label = document.createElement('label');
    var input = document.createElement('input');

    // set dom objects attrs
    input.setAttribute('type', 'text');
    input.setAttribute('name', 'field['+i+']['+prop']');
    label.setAttribute('for', 'field['+i+']['+prop']');

    // append items to form
    form.appendChild(label);
    form.appendChild(input);
  }
}

response=[{“FirstName”：“X”，“LastName”：“Y”，“Address1”：“A1”，“Address2”：“A2”，“City”：“C”，“State”：“S”，“ZipPostalCode”：“12345”}，{“FirstName”：“X2”，“LastName”：“Y2”，“Address1”：“A2”，“Address2”：“A3”，“City”：“C2”，“State”：“S2”，“ZipPostalCode”：“12345”}；
form=document.getElementById（'formId'）；
//遍历数组项
对于（var i=0；iYou可以将每个列表项放在自己的文本输入中。你的意思是将每个列表项放在文本框中？但是列表是动态的，它可以没有，1个或20个项目。如果我们将这些项目作为标签/输入组合添加到表单中，它将非常混乱。不，如果你使用我之前链接的插件（并尝试输入的name属性的不同组合），最终得到的数组格式与示例开头使用的相同。