[英]Repeat form according to int value selected from select box in laravel blade
我正在使用Bootstrap向導表單 。 我在帶有數字值(即1-5)的表單的第一步中設置了一個選擇框,並在第二步中設置了表單。我想根據在第一步中選擇的值在第二步中重復該表單。我嘗試過這種方式 。 它確實有效,但是卻弄亂了我的整個向導。 如果有人可以通過php或JavaScript對此有所了解,我將非常感激。
回答我自己的問題:視圖
<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);
})
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.