Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Tiago Bruno

Tabela dinâmica array vindo vazio javaScript

Por , em Javascript

Recommended Posts

Tiago Bruno    0

Tiago Bruno
Postado

É o seguinte galera tenho uma tabela dinâmica em javaScript onde inclui uma linha com alguns dados preenchidos pelo usuário, no método de adicionar a linha coloquei um array passando também os campos que estou mandando para a tabela mas quando vou ver os valores do array não aparece nada como se estivesse vazio segue o código. 

<html>
<head>
    <title> pedido </title>

<script LANGUAGE="JavaScript">


totals =0;
//Função que adiciona linha na tabela
function adiciona(){

//Array para pegar o valores mandados para a tabela
var itens = [];
var prod = document.getElementById('cprod').value; 
var qtd = document.getElementById('cquant').value;
itens.push(prod, qtd);





totals++
tbl = document.getElementById("tabelaBanco");

var novaLinha = tbl.insertRow(-1);
var novaCelula;

if(totals%2==0) cl = "#FFFFFF";
else cl = "##FFFFFF";

novaCelula = novaLinha.insertCell(0);
novaCelula.align = "left";
novaCelula.style.backgroundColor = cl;
novaCelula.innerHTML = document.getElementById('cprod').value;
totals;

novaCelula = novaLinha.insertCell(1);
novaCelula.align = "left";
novaCelula.style.backgroundColor = cl;
novaCelula.innerHTML = document.getElementById('cquant').value;


novaCelula2 = novaLinha.insertCell(2);
novaCelula.align = "left";
novaCelula.style.backgroundColor = cl;
var btnEl = document.createElement('input');
btnEl.setAttribute('type', 'button');
btnEl.setAttribute('class', 'btn');
btnEl.onclick = function () {deleteRow(this.parentNode.parentNode.rowIndex)};
btnEl.setAttribute('value', 'Delete');
novaCelula2.appendChild(btnEl); 



}

function deleteRow(i){
document.getElementById('tabelaBanco').deleteRow(i)
}
//Função de teste para ver se esta pegando o array
function pedido(){
alert(itens);
}

</script>

</head>
<body>

<table>

<td> Produto: <input type="text" name="produto" id="cprod" /> </td> 

<td> Quantidade: <input type="number" name="quantidade" id="cquant" /> </td>
<td> <input type='button' id='incluir' value='Incluir Produto' class="btn btn-primary" onclick='adiciona()'/> </td>
</table>

<table id='tabelaBanco' class="table table-hover" border='0' width='100%'>
<thead>
<tr style='background-color:#FBF6F7'>
<td class="produto"><strong>Produto</strong></td>
<td class="quantidade"><strong>Quantidade</strong></td>
<td><strong>Excluir</strong></td>
</tr>
</thead>
<tbody>

</tbody>
</table>

<p> <input type='button' id='confirmar' value='Confirmar Pedido' class="btn btn-primary" onclick='pedido()'/> 

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito