I have a form with dynamic inputs:
<form method="post" action="getDatabases/getCurso.php">
<div class="field_wrapper_curso">
<div class="col-md-12 contentCurso">
<div class="col-xs-4">
<div class="form-group">
<div class="col-xs-4">
<div class="form-group">
<label>Curso</label>
<input type="text" class="form-control" name="field_curso_curso[]" value=""/>
</div>
</div>
<div class="col-xs-2">
<div class="form-group">
<label>Conclusão</label>
<select class="form-control" name="field_curso_conclusao">
<option></option>
<option>Concluido em:</option>
<option>Espero concluir em:</option>
</select>
</div>
</div>
<div class="col-xs-1">
<div class="form-group">
<label>Ano</label>
<input class="form-control" placeholder="Ano" name="field_curso_ano[]" value=""/>
</div>
</div>
<div class="col-xs-1">
<p><br></p>
<a href="javascript:newCurso(void(0));" class="btn btn-danger btn-circle remove_curso_button hide" title="Remove field"><span class=" glyphicon glyphicon-remove"></span></a>
</div>
</div>
</div> <!--/.field_wrapper_curso -->
<input type="submit"/>
</form> <!--/ formulario curso -->
The dynamic part is mounted by js:
<script type="text/javascript">
// Adicionar Cursos
$(document).ready(function newCurso() {
var maxFieldCurso = 50; //Input fields increment limitation
var addButtonCurso = $('.add_curso_button'); //Add button selector
var wrapperCurso = $('.field_wrapper_curso'); //Input field wrapper
var contCurso = 1; //Initial field counter is 1
$(addButtonCurso).click(function(){ //Once add button is clicked
if(contCurso < maxFieldCurso){ //Check maximum number of input fields
console.log("aaa")
contCurso++; //Increment field counter
$('.contentCurso:last').clone().appendTo(wrapperCurso); // Add field html
}
if($('.contentCurso').length != 1) {
$('.remove_curso_button').removeClass('hide');
}
});
$(wrapperCurso).on('click', '.remove_curso_button', function(e){ //Once remove button is clicked
e.preventDefault();
$(this).parent().parent().remove(); //Remove field html
contCurso--; //Decrement field counter
if($('.contentCurso').length == 1) {
$('.remove_curso_button').addClass('hide');
}
});
</script>
Now I need to mount a controller in php that takes this data, as I'm using an array in each field, I'm doing this:
$instituicao = $_POST['field_curso_instituicao'];
$curso = $_POST['field_curso_curso'];
$conclusao = $_POST['field_curso_conclusao'];
$ano = $_POST['field_curso_ano'];
But I need to create a loop of for
to run that data and store it in BD, and I want to use the% counter of% function js for it
Roughly, it would look something like this:
$queryBD = "insert into bd(instituicao,curso,conclusao,ano) values ("$instituicao","$curso","$conclusao","$ano")"
for($i=0; $i= $contCurso; $i++){
$queryBD;
}
What I want to know is the following: How can I pass the value of the counter variable contCurso
(javascript) to a for loop in a separate controller in php?
Thank you