Primeiramente antes que digam que já tem respostas, procurei antes e não achei.
Seguinte, estou querendo fazer um form
, com vários inputs dinâmicos onde a pessoa escolhe uma peça de roupa em cada input e no final gera o pdf (Essa parte já está ok)
Como assim ?
Inicia primeiramente com um botão "Clique aqui", após isso ele cria o primeiro input, e em seguida, de acordo com o clique da pessoa, ele vai criando mais.
A parte da criação do input
eu já consegui fazer, o problema é que ele cria no body
e não dentro do form
. E a div lsRef
também não é criada
Segue o código
var CountProds = 1;
function AddInput() {
h = CountProds;
var form = document.getElementById("divForm");
var input = document.createElement("INPUT");
var div = document.createElement("div");
input.setAttribute("type", "text");
input.setAttribute("id", "ref" + h);
input.setAttribute("onkeyup", "lsRef()");
input.setAttribute("name", "ref" + h);
div.setAttribute("id", "lsRef" + h);
div.setAttribute("name", "lsRef" + h);
form.appendChild(input);
CountProds++;
}
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="javascript/functionsCatalogo.jsx"></script>
<title>Criar Catalogo</title>
</head>
<body>
<div id="div1" style="border: 1px solid #606060">
essa div seria um cabeçario
<h2 style="color: red; text-align: center; font-size: 50px;">Crie seu catálogo</h2>
<p style="font-size: 20px;">Escolha as fotos que deseja:</p>
<br>
<form id="formProd" method="post" action="CatalogoPDF.php">
<div id="divForm"></div>
<input type="button" onclick="AddInput()" value="Clique Aqui" />
<!--
<input type="hidden" id="ref1" value="015EP" name="ref1" />
<input type="hidden" id="ref2" value="002E" name="ref2" />
<input type="hidden" id="ref3" value="015" name="ref3" />
-->
<input type="submit" name="submitCatalogo" value="Gerar PDF">
</form>
</div>
<div style="border: 1px solid #606060">div onde o usuário vai escolher os produtos<br>usar javascript para seguir o processo: 1- cliente escolhe qual referencia. <br>Ai aparece as imagens (pequenas) pra ele escolher quais das imagens daquela referencia ele quer. Após escolhido, deixar
um Vezinho de confirmação. 2-c javascript criar outra div pra ver se o usuario deseja outra referencia.. depois chamar a makeCatalogoPDF, que deve ser uma classe em PHP.
<br>
<br>
</div>
</body>
</html>
divForm
... O seu problema é em capturar esses campos noCatalogoPDF.php
por que ele está esperando uma coleção delsRef
ao invés delsRef1
,lsRef2
... ao infinito e além?FormData
, inclua o trecho doCatalogoPDF.php
, onde está recebendo o postofunctionsCatalogo.jsx
e umfunctionsCatalogo.js
. Eu arrumei ofunctionsCatalogo.js
e estava chamando ofunctionsCatalogo.jsx