【发布时间】:2021-03-02 06:29:24
【问题描述】:
这是我的 JavaScript 代码。我尽力了,谁能帮助我。如何在 jquery 中为克隆 div 提供动态 id。如何为克隆 div 提供动态 id?这是一个由来已久的事实,即读者在查看页面布局时会被页面的可读内容分散注意力。使用 Lorem Ipsum 的关键在于它具有或多或少的字母正态分布,而不是 .
$(document).ready(function() {
$("body").on("click",".add-more",function(){
var html = $(".after-add-more").first().clone();
$(html).find(".change").html("<label for=''> </label><br/><a class='btn btn-danger remove'>- Remove</a>");
$(".after-add-more").last().after(html);
});
$("body").on("click",".remove",function(){
$(this).parents(".after-add-more").remove();
});
});
<div class="col-md-12 col-xl-12 col-lg-12">
<div class="after-add-more">
<div class="row">
<div class="col-lg-12 col-xl-12 col-md-12">
<div class="form-group f-g-o">
<label for="usr">Select Categories</label>
<select class="selectpicker category form-control @error('category_id') is-invalid @enderror" name="category_id[]">
<option>Select Category</option>
@foreach($categories as $category)
<option value="{{$category->id}}" >{{$category->cat_name}}</option>
@if(count($category->childs))
@foreach($category->childs as $cat)
<option class="sub_child" value="{{$cat->id}}">-- {{$cat->cat_name}}</option>
@endforeach
@endif
@endforeach
</select>
@error('category_id')
<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
@enderror
</div>
</div>
<div class="col-lg-2 col-xl-2 col-md-12">
<div class="form-group f-g-o">
<label for="usr">Qty</label>
<input type="number" name="qty[]" class="form-control @error('qty') is-invalid @enderror" placeholder="Qty on combo" value="{{ old('qty') ?? 1 }}" required data-error="This field is required." />
<div class="help-block with-errors"></div>
@error('qty')
<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
@enderror
</div>
</div>
<div class="col-lg-12 col-xl-12 col-md-12">
<div class="form-group f-g-o">
<label for="usr">Select Products</label>
<select class="products selectpicker form-control @error('product_id') is-invalid @enderror" multiple name="product_id[]">
</select>
@error('product_id')
<span class="invalid-feedback" role="alert"><strong>{{ $message }}</strong></span>
@enderror
</div>
</div>
<div class="col-lg-12 col-xl-12 col-md-12">
<div class="form-group f-g-o change">
<label for=""> </label><br/>
<a class="btn btn-success add-more">+ Add More</a>
</div>
</div>
</div>
</div>
</div>
【问题讨论】:
-
把你的代码放在codesn-p中
-
请大家帮帮我,这很重要
-
只是单独的html代码
-
请检查代码在sn-p中
-
请您不要在您的问题中添加随机的东西。如果您收到一条消息说您的问题的文本与代码的比率太低,那么您不应该通过添加一些关于“lorem ipsum”的随机文本来“修复”这个问题,但实际上对问题进行更详细的解释。
标签: javascript php html jquery laravel