mkeremcansev sayfa yenilenmeden div ve inputları çoğaltıyorum. select'den gelen ürünlere göre hangi ürüne tıklanmışsa o ürünün bilgilerinin diğer inputlara çekilmesini yaptım. Fakat sorun şu ki çoğalttığım divlerin ve inputların içerisine o seçtiğim ürünün bilgilerini giremiyorum. Hatta seçtiğim ürünün id'sini bile alamıyorum. Bu konuda pek bilgili değilim. Tekli veri çekme işlemini göstereyim.
` $(document).ready(function () {
$('.select2-hidden-accessible').change(function () {
alert("testik");
var urun = document.getElementById('siparisOzellik').value;
$.ajax({
headers: {'X-CSRF-TOKEN':'{{csrf_token()}}'},
url: '{{route('admin.faturaDetayGetir')}}',
type: 'POST',
data: { id: urun },
success:function(data){
if ($.trim(data) != '') {
$('#miktar').val(data.urunDetay.miktar);
$('#birim').val(data.urunDetay.birim);
$('#malzemeFiyati').val(data.urunDetay.malzemeFiyati);
}
else{
alert("İlgili Kaydın verisi bulunamadı.");
}
}
})
});
});`
controller;
`public function faturaDetayGetir(Request $request){
$data = [
'urunDetay' => Products::all()->where('id','==',$request->id)->first(),
];
return response()->json($data,200);
}`
route;
` Route::post('faturaDetayGetir', [FaturaController::class, 'faturaDetayGetir'])->name('admin.faturaDetayGetir');`
divleri arttırdığım kod ise;
`var id=2;
$('document').ready(function () {
var txt_box;
$('#button_pro').on('click', '.add', function () {
$(this).remove();
txt_box = '<div class="row" id="input_' + id + '"><div class="col-md-5"><div class="form-group"><label>Sipariş ve özellikler</label><select class="form-control select2" id="siparisOzellik' + id + '" onchange="test()" name="siparisOzellik[]" data-placeholder="Ürün Seçiniz" style="width: 100%;" tabindex="-1" aria-hidden="true">"@foreach($urun as $urunler)<option value="{{$urunler->id}}">{{$urunler->siparisOzellik}}</option>@endforeach"</select></div></div><div class="col-md-2"><label class="text" for="miktar">Miktar</label><input type="number" min="0" id="miktar' + id + '" name="miktar[]" class="form-control" placeholder="Miktar" required value="@foreach($urun as $urunler){{$urun[0]->miktar}}@endforeach"></div><div class="col-md-2"><label class="text" for="birim">Birim</label><input type="text" id="birim' + id + '" name="birim[]" class="form-control" placeholder="Birim" required></div><div class="col-md-2"><label class="text" for="malzemeFiyati">Malzeme Fiyatı</label><input type="number" min="0" name="malzemeFiyati[]" class="form-control" placeholder="Malzeme Fiyatı" required></div><i class=" fa fa-trash remove" style="cursor: pointer"> Sil </i> <i class="fa fa-plus add right" style="cursor: pointer"> Ekle </i></div>';
$("#button_pro").append(txt_box);
id++;
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
})
});
`
bu arttırdığım inputların içerisine select'den seçtiğim ürün bilgilerinin gelmesi gerekiyor. Bunu nasıl yapabilirim?