Add row ile satırlar eklediğim bir tablom var.
Açılır listeden seçtiğim ürünün fiyatını default gelen ilk satıra gösterebiliyorum.
Aşağıda select kodlarım mevcut.
<td class="font-weight-semibold text-dark " id="product-type">
<select class="form-control" name="product_id[]">
<option value="">Seçim Yapınız</option>
@foreach($products as $product)
<option data-price="{{$product->price}}" value="{{$product->id}}">{{$product->name}}
</option>
@endforeach
</select>
</td>
<td><input type="number" name="price[]" id="price-input" value=""
class="form-control price multi " /></td>
<script>
$('#product-type').on('change', function() {
$('#price-input').val(
$(this).find(':selected').data('price')
);
});
</script>
Yukarıdaki kodlar ile ilk satırama price alıyorum
Ancak aşağıda add row için kullandığımı belirttiğim kolarda bir eksiği varki eklediğim satırlara gelmiyor.
$('#add_btn').on('click',function(){
var html='';
html+='<tr>';
html+='<td id="product-type"><select class="form-control " name="product_id[]"><option value="">Seçim Yapınız</option>@foreach($products as $product)<option data-price="{{$product->price}}" value="{{$product->id}}">{{$product->name}}</option>@endforeach</select></td>';
html+='<td><input type="text" class="form-control" name="description[]"></td>';
html+='<td><input type="number" class="form-control price multi" id="price-input" name="price[]"></td>';
html+='<td><input type="number" class="form-control quantity multi" name="quantity[]"></td>';
html+='<td><input type="number" class="form-control amount" id="amount" name="total[]"></td>';
html+='<td class="text-center"><button type="button" class="btn btn-danger" id="remove"><i class="bx bx-trash" aria-hidden="true"></i></i></button></td>';
html+='</tr>';
$('tbody').append(html);
})
Vakti olandan yardım rica ederim.