İlk öncelikle açıklıyım. Dinamik bir form olcak ürünler kısmında hepsinde auto complate ve diğer tüm işlemleri yapmak istiyorum. Bir türlü seçiciyi ayarlayamadım
data-id oluşturup id vermeyi düşündüm her inputa bu sefer
$('[data-id="'+id+'"]').find("#urun").val(ui.item.value);
seçemedim malisef aynı yerde oldukları için büyük ihtmial ile olmadı css stacked-input urun-2 yapıp öyle seçiciyi kullancam başka bir çözümü olan varsa bildirirse sevinirim
<div style="margin:15px;" class="col-md-12">
<div class="col-md-4">
<input type="text" name="urun[]" id="urun" data-id="2" class="form-control input-sm" id="input-1" placeholder="Ürün İsmi">
<input type="hidden" value="" name="urun_id[]" id="urun_id" class="stacked-input" id="input-1" >
</div>
<div class="col-md-2">
<input type="text" name="fiyat[]" id="fiyat" id="bootstrap-input-sm" data-id="2" class="form-control input-sm" placeholder="Ürün Fiyat">
</div>
<div class="col-md-2">
<input type="text" name="iskonto[]" id="iskonto" id="bootstrap-input-sm" data-id="2" class="form-control input-sm" placeholder="(%) İSKONTO">
</div>
<div class="col-md-2">
<input type="text" name="urun[]" id="urun" id="bootstrap-input-sm" data-id="2" class="form-control input-sm" placeholder="">
</div>
<div class="col-md-2">
<input type="text" name="toplam[]" id="toplam" id="bootstrap-input-sm" data-id="2" class="form-control input-sm" placeholder="TOPLAM">
</div>
</div> <script>
$(function()
{
$("[id^=urun]").each(function(){
$(this).autocomplete({
source: "{{URL::to('/')}}/auto/urun",
minLength: 2,
select: function(event, ui) {
var id = $(this).attr('data-id');
$('[data-id="'+id+'"]').find("#urun").val(ui.item.value);
$('[data-id="'+id+'"]').find("#urun_id").val(ui.item.id);
$('#fiyat', this).val(ui.item.fiyat);
}
});
});
$("#iskonto").keyup(function() {
var iskont = '0.'+$(this).val();
var fiyat = $('#fiyat').val();
var indirim = fiyat*iskont;
var toplam = fiyat - indirim;
//alert(toplam);
$('#toplam').val(toplam);
});
});
</script>