如何从动态创建的输入表单为IndexedDB创建合适的对象

Question

我希望将输入框中的值以动态创建的形式保存，但是在构造要放入IndexedDB objestStore的对象时遇到了一些麻烦。 我需要这样的东西：

[{"name": "box1 value", "last name": "box2 value", "age": "box3 value"},{"name": "box4 value", "last name": "box5 value", "age": "box6 value"}]

专有名称必须保持相同（等于objectStore中的索引），只有值会更改。

编码：

var rows = document.getElementById('myTable').getElementsByTagName('tbody')[0].getElementsByTagName('tr');
for (i = 0; i < rows.length; i++) {
    var boxes = rows.getElementsByClassName('input');
    for (i = 0; i < boxes.length; i++) {

       objectStore.put('values');

    };  
};

我正在尝试JSON.stringify（）; 但我没有让它起作用...有什么想法吗？

Answer 1

我认为最好的方法是：-为相同属性的所有输入字段赋予相同的名称属性-为每一行检索这些输入字段的值-构造对象-保存对象。

用伪代码：

for each (row in rows){
  var obj = {};
  obj.name = row.getElementByName('name').value;
  obj.lastname = row.getElementByName('lastname').value;
  obj.age = row.getElementByName('age').value;

  objectStore.put(obj)
}