Estou criando uma tabela dinâmica em que cada entrada é capturada e listada abaixo;
ela funciona da seguinte forma, pauta e desccrição já está salvando na lista abaixo só que no cadastro de opções para votação se criar uma tabela dinâmica que o usuário adiciona conforme a necessidade dele, é ai que estou tendo dificuldade de salvar todos os itens dessa tabela, consegui salva somente a primeira linha falta o restante.
alguém sabe me auxiliar nessa dúvida?
desde já agradeço
function changeText2() {
var pauta = document.getElementById('pauta').value
document.getElementById('pauta').value = ""
var descricao = document.getElementById('descricao').value;
document.getElementById('descricao').value = ""
var texto = document.getElementById('texto').value;
var node = document.createElement("li");
var textnode = document.createTextNode(`${pauta}, ${descricao}, ${texto}`);
node.appendChild(textnode)
var table = document.getElementById("table-pauta");
var row = table.insertRow(1);
var cellPauta = row.insertCell(0);
var cellDescricao = row.insertCell(1);
var cellOpcoes = row.insertCell(2);
cellPauta.innerHTML = pauta;
cellDescricao.innerHTML = descricao;
for (var r = 0, n = table.rows.length; r < n; r++) {
for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
console.log('# linha [' + r + '] , coluna [' + c ']' + ' de valor [' + table.rows[r].cells[c].innerHTML + ']')
}
}
este é o HTML que eu preciso, leia e liste abaixo Estou tendo problemas com apenas a tabela dinâmica gerada por javascript
<fieldset>
<legend style="padding=bottom:10px;">
Cadastro
</legend>
<form role="form" id="item-form_<?=$uid_form?>" name="item-form_<?=$uid_form?>" method="post" action="/painel/gravarAssembleia_virtual" onSubmit="return false;">
<input type="hidden" name="assembleia_virtual[id]" value="<?=$assembleia_virtual->id?>">
<ul id="tabJus" class="nav nav-tabs">
<li class="active"><a href="#dadosAssembleia_virtual" data-toggle="tab">Cadastro da Assembleia virtual</a></li>
</ul>
<br/><br/>
<div class="panel panel-default">
<div class="panel-heading">Painel</div>
<div class="panel-body">
<form class="form-group" id="">
<div class="col-md-2 form-group">
<label for="dataInicial">Data Inicio: *</label>
<input class="required form-control" id="dataInicial" name="" value="">
</div>
<div class="col-md-2 form-group">
<label for="dataFinal">Data Final: *</label>
<input class="required form-control" id="dataFinal" name="" value="">
</div>
<div class="form-group col-md-12">
<label for="assembleia">Assembleia: *</label>
<input class="requied form-control" id="assembleia" name="" value="">
</div>
<div class="form-group col-md-12">
<label for="pauta">Pauta: *</label>
<input class="requied form-control" id="pauta" name="names" value="">
</div>
<div class="form-group col-md-12">
<label for="descrição">Descrição</label>
<textarea class="required form-control" cols="50" rows="5" descricao="Este campo precisa ser preenchido" id="descricao" name="names"></textarea>
</div>
<div class="form-group col-md-12">
<label type="dataTable" for="opcao">Cadastro de opções para votação: *</label>
<table type="col-md-12" id="dataTable" class="table table-striped" name="names" >
<tr>
<td style="width: 1%;"><input type="checkbox" name="chk"/></td>
<td style="width: 1%;" id="id">1</td>
<td> <input type="text" id="texto" class="col-md-12 form-control" name="opcao[]"/> </td>
</tr>
</table>
</div>
<br/>
</form>
<div class="col-md-12">
<button type="button" class="btn btn-primary" style="" value="Add Row" onclick="addRow('dataTable');"><span class="glyphicon glyphicon-plus"></span> Criar</button>
<button type="button" class="btn btn-danger" style="" value="Delete Row" onclick="deleteRow('dataTable');"><span class="glyphicon glyphicon-remove"></span> Apaga</button>
<button type="button" class="btn btn-success" style="" value="Add Row" onclick="changeText2('dataTable');"><span class="glyphicon glyphicon-chevron-down"></span> Adiciona</button>
</div>
<table class="table table-striped table-hover" id="table-pauta">
<thead>
<tr>
<th>Pauta(s)</th>
<th>Descrição</th>
<th>Opções</th>
</tr>
</thead>
<tbody>
<tr id="default-line">
</tr>
</tbody>
</table>
<div id="dv_form_reserva_aux" style="display:none;"></div>
<br><br>
<div class="col-md-12">
<button type="button" class="btn btn-danger" id="btn_cancelar_<?=$uid_form?>"><span class="glyphicon glyphicon-chevron-left"></span> Cancelar</button>
<button type="button" class="btn btn-primary" onClick="validar_form_<?=$uid_form?>()"><span class="glyphicon glyphicon-floppy-disk"></span> Salvar</button>
</div>
</fieldset>