inserir dados por input dinâmico
Olá,
Preciso de um script que tenha um botão, no qual a cada vez que for apertado adiciona um input a página. E que depois todos os valores do input gerados sejam adicionados no mysql.
Por ser um total leigo em javascript, peguei um script pronto que adiciona um input. Segue abaixo:
<html>
<head>
<script type="text/javascript">
var id = 1;
function novoCampo(){
var inp = document.createElement("input");
inp.setAttribute("id", id );
var lab = document.createElement("label");
lab.setAttribute("id", "l"+id);
var lab_content = document.createTextNode("Campo de Texto " + id + " ");
var quebra = document.createElement("br");
lab.appendChild(lab_content);
var inpP = document.getElementById(id-1);
var parentInp = inpP.parentNode;
parentInp.insertBefore(lab, inpP.nextSibling);
parentInp.insertBefore(inp, lab.nextSibling);
parentInp.insertBefore(quebra, lab);
++id;
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<label id="l0">Campo de Texto 0</label>
<input type="text" name="textfield" id="0"><br />
<input type="submit" name="Submit" value="+ 1 Campo" onClick="novoCampo();return false;">
</form>
</body>
</html>Desde já,
Obrigado pela sua atenção.
Discussão (5)
Carregando comentários...