In the site I'm creating I have a form where people can add multiple topics. My problem is when a second or more topics are created because only the first one goes to the bank and I can not get the others inserted.
The code I'm doing is this one:
<div class="input-field col s10 ">
<input id="topico" type="text" name="campo[]" class="validate" required >
<label for="topico" class="black-text text-black">Adicione pelo menos um tópico</label>
</div>
<!--BOTAO PARA ADICIONAR MAIS TOPICOS -->
<a class="btn-floating btn- green" onClick="addCampos()" >
<i class="material-icons">add</i>
</a>
</div>
<!--SCRIPT PARA ADIÇÃO DE TOPICOS DE REUNIAO-->
<script>
var qtdeCampos = 1;
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 = "<table><tr><td><div align='right'><input type='text' id='curso"+qtdeCampos+
"' name='campo[]'></div></td> <td><div align='left'<a class='btn-floating btn- light red' onclick='removerCampo("+qtdeCampos+")' value='Apagar campo'><i class='material-icons'>remove</i></a></div></td></tr></table></div></div>";
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>
<div id="campoPai"></div>
PHP:
$nm_reuniao = $_POST['nm_reuniao'];
$dt_reuniao = $_POST['dt_reuniao'];
$nm_topico = $_POST['campo[]'];
$query = "INSERT INTO reuniao (nm_reuniao,dt_reuniao,nm_criador) VALUES ('$nm_reuniao','$dt_reuniao', '$logado')";
$insert = mysql_query($query,$connect);
if($insert){
echo"<script language='javascript' type='text/javascript'>alert('Reuniao cadastrado com sucesso!');window.location.href='pagina site.php'</script>";
}else{
echo"<script language='javascript' type='text/javascript'>alert('Não foi possível cadastrar esse usuário');window.location.href='pagina site.php'</script>";
}