Pessoal uso uma função em meu sistema onde adiciono campos em um formulario.
so que agora estou tentando usar essa mesma função para 2 itens.
pq tenho uma os que tem produtos e serviços.
so que quando tento criar da erro.
não sou bom em javascript, o que eu fiz foi nomear o addCampos para addCampos1 e objPai coloquei objpai1 mudei todos, so que o segundo nao funciona.
so que agora estou tentando usar essa mesma função para 2 itens.
pq tenho uma os que tem produtos e serviços.
so que quando tento criar da erro.
<html>
<head>
<script type="text/javascript">
var qtdeCampos = 0;
function addCampos() {
var objPai = document.getElementById("campoPai");
//Criando o elemento 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 = "<input type='text' name='campo[]'> <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="form1" action="formulario.php" method="POST">
<input type="button" value="Adicionar campos" onclick="addCampos()">
<div id="campoPai"></div>
<br><br><input type="submit" value="Enviar">
</form>
</body>
</html>
não sou bom em javascript, o que eu fiz foi nomear o addCampos para addCampos1 e objPai coloquei objpai1 mudei todos, so que o segundo nao funciona.