根据从laravel blade中的选择框中选择的int值重复表格

问题描述：

我正在使用Bootstrap Wizard Form。我在第一步中设置了一个带有数字值（即1-5）的表单中的选择框，并且我已经在步骤2中设置了一个表单。我想根据步骤1中选择的值重复步骤2中的表单。我试过this way。它确实有效，但它弄乱了我的整个巫师。如果有人能通过php或JavaScript阐明这一点，我将非常感谢。根据从laravel blade中的选择框中选择的int值重复表格

我没有为形式的确切用途，但如果你能在同一个表格5倍，它可能会更容易使其成为批量上传。向导形式很好地引导用户，但是当你只需要重复性的任务，而你只是想要效率时，就会变得非常烦人。我会选择批量上传，您可以在下一个屏幕中编辑上传内容。例如，像Facebook相册上传。 – Loek

答

回答我的问题：视图

<div class="form-group"> 
    <label class="control-label">No. of travellers:</label> 
    <select onchange='getamount(this.value);' name="pax" id="pax" class="form-control selectpicker pax"> 
     <option >Select option</option> 
      @for ($i = 1; $i <= 8; $i++) 
       <option value={{$i}}> {{$i}}</option> 
      @endfor 
    </select> 
</div> 

<div id="inrlog"></div>

脚本：

$(document).ready(function() { 
$(".pax").on('change', function() { 
var counter = parseInt(this.value, 10); 
var html = '<form><div class="form-group"><label for="email">Email:</label><input type="email" class="form-control" id="email" placeholder="Enter email"></div><div class="form-group"><label for="pwd">Password:</label><input type="password" class="form-control" id="pwd" placeholder="Enter password"></div><div class="checkbox"><label><input type="checkbox"> Remember me</label></div><button type="submit" class="btn btn-default">Submit</button></form>'; 
var str = ""; 
for (var i = 1; i <= counter; i++) { 
    str +='<h3 class="col-md-10 col-md-offset-1">Person '+i+'</h3>'+html+'<br>'; 
} 
$("#inrlog").empty().append(str); 
    }) 
});

根据从laravel blade中的选择框中选择的int值重复表格

相关推荐