Preciso de uma ideia para pegar varios campos de um form e inserir no banco mysql através do php, mas não consigo pegar os dados, uma vez que o formulário é dinamico, ou seja o usuario adiciona mais campos e eu não consigo pegar esses campos.... agradeço.
O HTML+JS : -------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Form com Campos Dinamicos</title> <head> <script type="text/javascript"> var qtdeCampos = 0; function addCampos() { var objPai = document.getElementById("campoPai"); //Criando a DIV; var objFilho = document.createElement("div"); //Definindo atributos ao objFilho: objFilho.setAttribute("id","filho"+qtdeCampos); //Inserindo o elemento no pai: objPai.appendChild(objFilho); //Escrevendo algo no filho recém-criado: document.getElementById("filho"+qtdeCampos).innerHTML = "Tipo Pag:<input type='text' id='campo"+qtdeCampos+"' name='tipopag[]' value='Tipo pagamento id: "+qtdeCampos+"'>Data:<input type='text' id='campo"+qtdeCampos+"' name='datapag[]' value='Data com id: "+qtdeCampos+"'>Valor:<input type='text' id='campo"+qtdeCampos+"' name='valor[]' value='Valor com id: "+qtdeCampos+"'> <input type='button' onClick='removerCampo("+qtdeCampos+")' value='Apagar campo'>"; qtdeCampos++; } function removerCampo(id) { var objPai = document.getElementById("campoPai"); var objFilho = document.getElementById("filho"+id); //Removendo o DIV com id específico do nó-pai: var removido = objPai.removeChild(objFilho); } </script> </head> <body> <form name="dados" action="pegardados.php" method="post"> <div id="campoPai"></div> <input type="button" value="Adicionar Campos" onclick="addCampos()"> <br><br><input type="submit" value="Enviar"> </form> </body> </html>
O PHP:----------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Pega dados do Campo Dinamico</title> </head> : <?php if(isset($_POST["tipopag"])) { echo "Os campos devem vir assim tipopag, datapag, valor...:<br><br>"; // varre o array de campos.... não consigo buscar todos os campos foreach($_POST["tipopag"] as $dados) { echo $dados."<br>"; //como trazer do formulario os dados e inserir no banco o tipopagamento, a data e o valor } } else{ echo "nada!"; } ?> <body> </body> </html>