Galera boa tarde, estou desenvolvendo meu TCC, preciso criar uma Pagina chamada doações, nesta pagina o usuário pode doar mais de um item, eu consegui criar um botão Adicionar onde ele insere linhas numa tabela html,então toda vez que ele digitar um item no input e clicar no adicionar ele insere o valor do input numa nova linha na tabela. porém não consigo pegar os valores para salvar no database.
Javascript
< script LANGUAGE = "JavaScript" >
geral = 0;
function btn_add() {
geral++
tabelinha = document.getElementById("tabela")
var especie1 = document.getElementById("especie");
var qtde1 = document.getElementById("qtde");
var novaLinha = tabelinha.insertRow(-1);
var novaCelula;
if (geral % 2 == 0)
cortabela = "FFF5EE";
else
cortabela = "FFFAF0";
novaCelula = novaLinha.insertCell(0);
novaCelula.style.backgroundColor = cortabela;
novaCelula.innerHTML = especie1.value;
novaCelula = novaLinha.insertCell(1);
novaCelula.style.backgroundColor = cortabela;
novaCelula.innerHTML = qtde1.value;
novaCelula = novaLinha.insertCell(2);
novaCelula.style.backgroundColor = cortabela;
novaCelula.innerHTML = '<input type="button" class="btn btn-danger" value="X" onclick="deleteRow(this)"/>';
}
function deleteRow(btn) {
var row = btn.parentNode.parentNode;
row.parentNode.removeChild(row);
}
function btn_save() {
var resposta = confirm("Deseja salvar o registro?");
if (resposta === true) {
}
}
<
/script>
<div class="container">
<h1 style="font-weight: bold;">Doações</h1>
<hr>
<div class="container">
<div class="form-inline">
<div class="form-group">
<label for="cliente">Cliente:</label>
<input type="text" class="form-control" id="cliente" name="cliente">
</div>
<div class="form-group">
<label for="data"></label>
<input type="date" class="form-control" id="data" name="data">
</div>
</div>
<br>
<div class="form-inline">
<div class="form-group">
<label class="" for="especie">Especie:</label>
<input type="text" name="especie" id="especie" class="form-control">
</div>
<div class="form-group">
<label class="" for="qtde">Qtde:</label>
<input type="text" name="qtde" id="qtde" class="form-control">
</div>
<div class="form-group">
<label class="" for="local">Local:</label>
<input type="text" name="local" id="qtde" class="form-control">
<input class="btn btn-success" type='button' id='incluir' value='incluir' onclick='btn_add();' />
</div>
</div>
</div>
</div>
<div class="container">
<table id='tabela' class="table table-hover table-responsive">
<tr>
<td>Espécie</td>
<td>Qtde</td>
<td>Excluir</td>
</tr>
</table>
</div>
<div class="container">
<div class="form-group form-inline">
<label class="control-label col-sm-12"></label>
<div class="col-sm-3">
<input class="btn btn-warning" type='button' id='salvar' value='Salvar' onclick="btn_save();" />
</div>
</div>
</div>
No caso ele teria que apertar o botão salvar onde guardaria o valor de todos inputs e os itens da tabela html no banco de dados.