将输入字段数据作为表数据访问并将其拉入对象中

时间:2017-06-02 19:26:08

标签: javascript html-table

我正在从表格格式创建一个数组对象。

我有5列, 4&第5列是输入文本元素。无论我修改或更新,这些都应该反映在我从表构建的数组对象中。

示例JS代码如下所示& eq(3)即第4个元素返回一个空值,即使我已修改其中的文本值。

  var json = [];
  $('#MyTable').find('tbody tr').each(function(){
// document.querySelector
var obj = {},
    $td = $(this).find('td'),
    key = $td.eq(0).text(),
    val = $td.eq(3).text();
obj[key] = val;
json.push(obj);
});

如何在对象构造中获取输入值?

1 个答案:

答案 0 :(得分:1)

要从输入框中获取数据,您需要查找输入的ID,然后使用.value。

我建议使用<td contenteditable=true>。这将使您的表值本身可由用户编辑。自IE 5.5,Safari,Firefox 3和Opera 9以来,这样的功能一直在使用,所以它应该适合您的项目。