динамически генерируемый блок выбора, обновляющий все поля при изменении опции - PullRequest
0 голосов
/ 06 апреля 2019

Я пытаюсь заполнить цену для конкретного лекарства, но при изменении динамически генерируемой опции блока выбора все поля цен принимают одно и то же значение.

Это мое поле выбора 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");
            }
        });
    });
...