Excluir linha da tabela
Aqui eu tenho um problema para excluir a linha da tabela usando o botao "remover" criado dinamicamente.
ver codigo completo aqui:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title></head><body><div><input type="button" onclick="inserir('2','Produto','2.50','5.00')" value="Incluir"/><input type="button" onclick="deleteMe();" value="Excluir"/><input type="button" value="Salvar"/></div><table id="tabela" cellspacing="10" > <tr id="a" style="background-color:#999999; font-weight:bold;"> <td>QTDE</td><td>Produto</td><td>Valor Unit.</td><td>Valor Total</td><td>Excluir</td> </tr></table><p>Total:<input type="text" id="totalpedido" value="0"/></p></body></html><script language="JavaScript" >total=0;function inserir(string1,string2,string3,string4) { var tr = document.createElement('tr'); var td1 = document.createElement('td'); var td2 = document.createElement('td'); var td3 = document.createElement('td'); var td4 = document.createElement('td'); var td5 = document.createElement('td'); input = document.createElement('input'); input.setAttribute('value','Remover'); input.setAttribute('type','button'); input.setAttribute('onclick','deleteMe()');//Isso pode, se pode nao funciona pq var texto1 = document.createTextNode(string1); var texto2 = document.createTextNode(string2); var texto3 = document.createTextNode(string3); var texto4 = document.createTextNode(string4); td1.appendChild(texto1); td2.appendChild(texto2); td3.appendChild(texto3); td4.appendChild(texto4); td5.appendChild(input); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tr.appendChild(td4); tr.appendChild(td5); document.getElementById('tabela').firstChild.appendChild(tr); total = eval(total+"+"+string4); document.getElementById('totalpedido').value=""+total; };function deleteMe(){document.getElementById("tabela").deleteRow(1)total = eval(total+"-"+"5"); document.getElementById('totalpedido').value=""+total;};</script>
Bom, esse é o prob. Precisoo de uma resposta ou solução.
AH... aproveitando o grande prob ainda nao vai ser isso e sim com fazer para salvar isso e mandar pro banco de dados. Ora, pra eu mandar eu preciso de um form que precisará do atributo name q vai precisar dos elementos input.
Posso ate criar dinamicamente os elementos input .
Só q o php não vai enchergar os names q ainda nao foram criados.Qual a solução pra isso??
Espero q tenham entendido!!!
Discussão (1)
Carregando comentários...