Dynamically add input fields and save data to Database in lravel

Question

I want to save the multiple data to database with autoincremented id in the different column have a unique key for each data. User can dynamically add input fields and finally click submit button to save data in database with different id(auto incremented id) for each.

My js code id

    <script>
  $(document).ready(function(){
    $('#add').click(function(){
        var inp = $('#box');
        var i = $('input').size() + 1;
          $('<div id="box' + i +'"><input type="text" id="name" class="name" name="tagName' + i +'" placeholder="Input '+i+'"/><img src="<?php echo '../../uploads/remove.png'?>" width="32" height="32" border="0" align="top" class="add" id="remove" /> </div>').appendTo(inp);
        i++;
    });
    $('body').on('click','#remove',function(){
        
        $(this).parent('div').remove(); 
    });    
});
</script>

Form to insert data

<div class="row-fluid">
   <div class="span6">
     <div class="control-group">
         <label class="control-label">Add Tags<span class="required"></span></label>
           <div class="controls">
              <div id="box">        
                 <input type="hidden" name="_token" value="{{csrf_token()}}">
                  <input type="text" name="tagName[]" id="name" class="m-wrap span12" placeholder="Input Tags" 
                                                  value="">  
                     <a href="#" class="btn blue" id="add">Add More</a>
              </div>
            </div>
          </div>
        </div>
      </div>

Controller function:

 foreach( Input::get('tagName') as $name) {       
                    $objectTagProduct = new TagModel;
                    $objectTagProduct ->name = $name;
                    $objectTagProduct->save();
            }

I am able to insert only first data initially and now I am getting this error:

Invalid argument supplied for foreach()

Can you dump Input::get('tagName') just to see what it holds — Deepak Kumar T P
– Deepak Kumar T P, Commented Dec 29, 2017 at 11:46

YouneL · Accepted Answer · 2017-12-29 12:16:26Z

1

I think the problem is here:

 $('<div id="box' + i +'"><input type="text" id="name" class="name" name="tagName' + i +'"...
                                                                                 ^^^^^^^^^

You have to use brackets if you want to get tagName as array:

 $('<div id="box' + i +'"><input type="text" id="name" class="name" name="tagName[]"...

answered Dec 29, 2017 at 12:16

YouneL

8,3692 gold badges30 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

AddWeb Solution Pvt Ltd · Accepted Answer · 2017-12-29 11:58:52Z

0

You can try to save below way.

$data[] = Input::get('tagName');

Print the $data and check record is arrive or not and then save below way.

foreach($data  as $name) {       
   $objectTagProduct = new TagModel;
   $objectTagProduct ->name = $name;
   $objectTagProduct->save();
}

edited Dec 29, 2017 at 11:58

answered Dec 29, 2017 at 11:51

AddWeb Solution Pvt Ltd

21.8k5 gold badges30 silver badges61 bronze badges

1 Comment

Binod Paneru Over a year ago

I tried this method but i am able to get only the first data of text field. Still i am struggling to get all the data and save to database. I am also getting this error preg_replace(): Parameter mismatch, pattern is a string while replacement is an array

Collectives™ on Stack Overflow

Dynamically add input fields and save data to Database in lravel

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related