Javascript 获取所有行值在桌子上
我有以下函数向表中添加行Javascript 获取所有行值在桌子上,javascript,jquery,Javascript,Jquery,我有以下函数向表中添加行 var div = $('#tabela-fornecedorPreco'); var newRow = '<tr>' + '<td><input type="hidden" id="fornecedor_material" name="fornecedor_material[]" value="' + idMate
var div = $('#tabela-fornecedorPreco');
var newRow = '<tr>' +
'<td><input type="hidden" id="fornecedor_material" name="fornecedor_material[]" value="' + idMaterial + '">' + nomeMaterial + '</td>' +
'<td><input type="hidden" id="fornecedor_id" name="fornecedor_id[]" value="' + fornecedorVal + '">' + fornecedor + '</td>' +
'<td><input type="hidden" id="fornecedor_preco_unitario" name="fornecedor_preco_unitario[]" value="' + precoUnitarioCalculado + '">' + precoUnitarioCalculado + '</td>' +
'<td><input type="hidden" id="fornecedor_preco_total" name="fornecedor_preco_total[]" value="' + precoTotalCalculado + '">' + precoTotalCalculado + '</td>' +
'<td class="text-center"><a href="javascript:void(0);" class="label label-primary remover-telefone" onclick="removerLinha(this);" title="Excluir"><i class="fas fa-times"></i></a></td>' +
'</tr>';
div.find('#lista-fornecedorPreco').append(newRow);
我尝试使用一个函数获取此表中的所有数据,并使用以下函数将另一个函数传输到另一个页面:
function TransfereDados() {
var tabelaModal = $('#tabela-fornecedorPreco');
for (var i = 0, row; row = tabelaModal.rows[i]; i++) {
for (var j = 0, col; col = row.cells[j]; j++) {
var idMaterial = $("#fornecedorPrecoMaterialId").val();
var qtdMaterial = $("#fornecedorPrecoMaterialQtd").val();
var idFornecedor = $("#fornecedor_id").val();
var idFornecedor = $("#fornecedor_preco_unitario").val();
var idFornecedor = $("#fornecedor_preco_total").val();
var div = $('#tabela-materiais-oculto');
var newRow = '<tr style="display:none;">' +
'<td style="display:none;"><input type="hidden" id="fornecedor_material" name="fornecedor_material[]" value="' + idMaterial + '"></td>' +
'<td style="display:none;"><input type="hidden" id="qtd_material" name="qtd_material[]" value="' + qtdMaterial + '"></td>' +
'<td style="display:none;"><input type="hidden" id="fornecedor_id" name="fornecedor_id[]" value="' + idFornecedor + '"></td>' +
'<td style="display:none;"><input type="hidden" id="fornecedor_preco_unitario" name="fornecedor_preco_unitario[]" value="' + precoUnitario + '"></td>' +
'<td style="display:none;"><input type="hidden" id="fornecedor_preco_total" name="fornecedor_preco_total[]" value="' + precoTotal + '"></td>' +
'</tr>';
div.find('#lista-materiais-oculto').append(newRow);
}
}
}
我希望TransferDados函数循环遍历我的所有第一个表,并获得所有值所以我可以把它放在第二个表中。您对多个输入使用相同的ID,所以首先将它们更改为类。然后,使用.each循环遍历表trs,然后使用.findclassname从第一个表中获取输入值并将其分配给第二个表
演示代码:
护墙板;
功能转换护墙板{
//循环通过trs
$'lista-fornecedorPreco tr'。每个函数{
var选择器=$this;
//使用“.find”获取所需的输入值`
var idMaterial=selector.find.fornecedor_material.val;
var qtdMaterial=selector.find.fornecedor_id.val;//我不确定这是什么。。
var idFornecedor=selector.find.fornecedor_id.val;
var precoUnitario=selector.find.fornecedor_preco_unitario.val;
var precoTotal=selector.find.fornecedor_preco_total.val;
console.logidMaterial->+idMaterial+precoUnitario->+precoUnitario+precoTotal->+precoTotal
var div=$‘tabela-Materialis-oculto’;
//将'id'更改为'class'添加display:none type=隐藏在您的末尾..我已删除它们只是为了演示。。
var newRow=+
+
+
+
+
+
;
查找“lista-Materialis-oculto”部分,附新行;
}
}
Abc1
A1
3.
3.
Abc2
A2
14
12
表2:
“从中获取所有数据”是什么意思?如中所示,从中获取HTML?如果是这样,请选择tr元素并使用append或appendTo。如果这不是你的意思,请编辑问题以更清楚地解释你的目标,以及你为实现目标而编写的代码示例,以便我们可以帮助你调试它。你的解决方案对我来说非常有效,而且比我想象的要简单得多。非常感谢你花了这么多时间来写答案,简单而客观,谢谢=不客气。很高兴我能帮忙。