Question

我正在使用Bootstrap Wizard Form。我在表格的第一步中设置了一个带有数值的选择框（即1-5），我在步骤2中设置了一个表格。我想根据步骤1中选择的值重复步骤2中的表格。我试过了this way。它确实有效，但它搞砸了我的整个巫师。如果有人能通过php或JavaScript了解这一点，我将非常感激。

Answer 1

回答我自己的问题：图

    <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刀片中的选择框中选择的int值重复表单

1 个答案: