Я пытаюсь заполнить цену для конкретного лекарства, но при изменении динамически генерируемой опции блока выбора все поля цен принимают одно и то же значение.
Это мое поле выбора Html:
<td style="width: 30%">
<select name="product_id[]" class="form-control product_id" required="">
<option> --- Select ---</option>
@foreach($products as $product)
<option value="{{ $product->id }}"> {{ $product->name }}</option>
@endforeach
</select>
</td>
Это мой код JQuery:
$(document).on('change','.product_id',function()
{
id = $(this).val();
var urllink ='show_medicine_price/'+id;
$.ajax({
dataType: 'json',
type:'get',
headers: { 'X-CSRF-TOKEN':$('meta[name="csrftoken"]').attr('content') },
url:urllink,
success: function (result) {
$('#add_form .price').val(result.price);
},
complete: function(result){
},
error: function(result){
toastr.error("Error fetching the Product information", "Product");
}
});
});