在Laravel 5.2中動態添加MySQL字段

Question

我設法創建了一個腳本，它通過在javascript的幫助下單擊按鈕來添加輸入文本框，但是我想要的是創建無限數量的MYSQL字段並將數據保存到數據庫使用html表單。

目前我已經設置JavaScript來填充只有10個輸入文本框，因爲我只在MySQL表中創建了10個字段。

有沒有一種方法可以按需創建MySQL字段，而不是限制爲10個字段，或者是否存在使用laravel來解決此問題的另一種解決方案。

下面是HTML代碼

{{ Form::open(array('url' => '/Reward_details',)) }} 

{{ csrf_field() }} 

<div class="row"> 

<div class="col-md-6"> 
    <b>Prize#1</b><br> 

<div class="form-group"> 
    {{ Form::label('pledged_amount', 'Pledged Amount:') }} 
    {{ Form::text('pledged_amount', null, ['class' => 'form-control', "required", 'placeholder' => 'Add Pledged Amount']) }} 

</div> 


<div class="form-group"> 
    {{ Form::label('reward', 'Reward Description:') }} 
    {{ Form::textarea('reward_description', null, ['class' => 'form-control', 'rows' => '5', "required"]) }} 

</div> 


<div class="input_fields_wrap"><br><br><br><br> 
<div class="col-lg-12"> 
    <a class=" btn btn-success col-lg-12 btn-margin-top add_field_button">Add Reward Per Pledge</a> 
    </div> 

</div> 

    </div> 
    </div> 

<hr> 

<div class="col-mid-12"> 
    <div class="form-group"> 

     {{ Form::submit('Submit Reward Details', ['class' => 'btn btn-primary']) }} 

    </div> 
</div> 


{{ Form::close() }} 

，這裏是我的腳本

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script> 
<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 n = 0; 
    var x = 1; //initlal text box count 
    var i=1;// counts the number on Prizes 
    $(add_button).click(function(e){ //on add input button click 
     e.preventDefault(); 
     if(x < max_fields){ //max input box allowed 
      n++; 
      x++; 
      i++; //text box increment 
      $(wrapper).prepend('<div class="col-md-12 nopadding form-group">' + 
      '<p>Prize#'+ +i +'</p>'+ 

      '<label for="pledged_amount">Pledged Amount:</label>' + 
      '<input class="form-control" type="text" name="pledged_amount'+ +n +'" required/><br>'+ 

      '<label for="pledged_amount">Reward Description:</label>'+ 
      '<textarea class="form-control" rows="5" type="text" name="reward_description'+ +n +'" required/></textarea><br>'+ 

      '<a href="#" class="btn btn-xs btn-danger 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--; 
    }) 
}); 

腳本只是追加10個輸入文本框，因爲我創造了只有十在MySQL領域。

Answer 1

你不應該創建列的無限數量

相反，你應該爲您的輸入字段作爲陣列

比方說： pledge_amount[]

並獲得該數組中後端的陣列。循環徹底並在表格中輸入行，而不是添加列。