javascript - 在laravel中动态添加输入字段并将数据保存到数据库

Question

我想将多个数据保存到数据库中，在不同的列中使用自动递增的 id，每个数据都有一个唯一的键。用户可以动态添加输入字段，最后单击提交按钮将数据保存在数据库中，每个字段的 ID 不同(自动递增 ID)。

我的js代码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>

插入数据的表单

<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 函数:

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

我最初只能插入第一个数据，但现在出现此错误:

Invalid argument supplied for foreach()

Answer 1

我觉得问题出在这里:

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

如果你想将 tagName 作为数组，你必须使用括号:

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