从表单元格的输入字段中获取事件.focusout

debugcn 发表于 Dev

Gmaestro

首先，我有一个Google可视化数据表。

之后，我创建一个for循环以获取表单元格的值，然后将其放入输入字段中：

for (var y = 0, maxrows = data.getNumberOfRows(); y < maxrows; y++) {
    for (var x = 1, maxcols = data.getNumberOfColumns(); x < maxcols; x++) {

      data.setValue(y, x, '<input id="costRedovi" vr="'+ data.getValue(y,0) + '" kol="'+ data.getColumnLabel(x) +'" class="form-control" value="'+data.getValue(y,x)+'">');
    }
}

现在，每个值都进入表格单元格并进入输入字段。现在，我可以在准备好表时更改这些值，但是现在如何获取这些值，因为我的脚本现在生成了此HTML代码。我还需要.focusout在输入字段上获取事件的价值：

<tr class="google-visualization-table-tr-even google-visualization-table-tr-sel">
   <td class="google-visualization-table-td"><input id="costRedovi" vr="2013-04-01" kol="John Deer n7" class="form-control" value="0"></td>
   <td class="google-visualization-table-td"><input id="costRedovi" vr="2013-04-01" kol="Laza Lazic" class="form-control" value="0"></td>
</tr>

我试图做到这一点：

new google.visualization.events.addListener(table, 'ready', function () {

    $("#costRedovi").focusout(function() {
        console.log($('#costRedovi').attr('value'));                        
    });

});

问题是现在每个输入都具有相同的ID。

保罗·鲁布

如果要使用类而不是ID，那就是：

<tr class="google-visualization-table-tr-even google-visualization-table-tr-sel">
  <td class="google-visualization-table-td"><input vr="2013-04-01" kol="John Deer n7" class="form-control costRedovi" value="0"></td>
  <td class="google-visualization-table-td"><input vr="2013-04-01" kol="Laza Lazic" class="form-control costRedovi" value="0"></td>
</tr>

然后，您可以像这样检索未聚焦的输入：

$(".costRedovi").focusout(function() {
  var origval = $(this).attr('value');
  var editedval = $(this).val();

  console.log("before: " + origval + ", after:" + editedval);
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。