I want letting user add dynamic inputs and save those values in the database. But with this code only one value save to the database. How can I save all values to the database entered by user this is my view to add dynamic inputs
<script type="text/javascript">
$(document).ready(function() {
var max_fields = 10; //maximum input boxes allowed
var wrapper = $(".input_fields_wrap"); //Fields wrapper
var add_button = $(".add_field_button"); //Add button ID
var x = 1; //initlal text box count
$(add_button).click(function(e){ //on add input button click
e.preventDefault();
if(x < max_fields){ //max input box allowed
x++; //text box increment
$(wrapper).append('</br><div><input class="input form-control"" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); //add input box
}
});
$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
});
</script>
<div class="input_fields_wrap">
<div class="form-group">
<button type="button" class="btn btn-success add_field_button">Add More Fields</button>
</div>
<div>
<input class="input form-control" name="mytext[]">
</div>
</div>
This is my controller to save those dynamic inputs in the database
function error(){
if ($this->input->post('mytext')) {
$attain = $this->input->post('mytext', true);
foreach ($attain as $i => $a) { // need index to match other properties
$data2 = array(
'mytext' => $a,
'projectname' => $this->input->post('projectname'),
);
$this->db->insert('projectem', $data2);
redirect('Select_ctrl2/ModalAddEmployeesProject');
}
}
}