Автозаполнение полей на основе раскрывающегося списка с функциями добавления

Question

У меня есть эта строка с текстовыми полями, которая имеет идентификатор, и она может добавить другую строку с моей кнопкой добавления. И при добавлении новой строки, добавленные поля автоматически генерируют уникальный идентификатор. В первом столбце у меня есть опция, которая отображает значение из моих продуктов таблицы базы данных, и когда они выбирают значение из этого, это заполнит другие поля в текущей строке.

Моя проблема в том, как заполнить поля в текущей строке, которую они хотят заполнить.

Это то, что я сделал до сих пор

<table class="table table-bordered" id="dynamic_field">
                                                <tr>
                          <?php $drp = mysqli_query($conn,"SELECT * FROM products"); ?>

                          <td>
                            <select id="1" name="productcode[]" placeholder="Product Code" class="form-control name_list" required  value="">
                              <?php $pc = mysqli_query($conn,"SELECT productcode from products");
                              while ($get = mysqli_fetch_array($pc,MYSQLI_BOTH)) {
                                ?>
                                <option value="<?php echo $get['productcode'] ?>"><?php echo $get['productcode'] ?></option>
                              <?php }
                              ?>
                          </select></td>

                            <td><input type="text" id="1" name="brand[]" placeholder="Brand" class="form-control name_list" required  value=""></td>
                                                        <td><input type="text" id="1" value="" name="productdescription[]" placeholder="Product Desc" class="form-control name_list" required></td>
                                                        <td><input type="number" id="1" name ="qty[]" placeholder="Quantity" class="form-control name_list" required></td>
                            <td><input type="number" id="1" name ="cost[]" placeholder="Cost" class="form-control name_list" required></td>
                                                        <td><input type="number" id="1" name ="um[]" placeholder="UM" class="form-control name_list" required></td>
                                                        <td><input type="text" id="1" name="vendor[]" placeholder="Vendor" class="form-control name_list" required></td>
                                                        <td><button type="button"  name="add" id="add" class="btn btn-success">+</button></td>
                                                </tr>
                                        </table>

Это скрипт для добавления

$(document).ready(function(){
                var i=1;
                $('#add').click(function(){
          <?php $drp = mysqli_query($conn,"SELECT * FROM products"); ?>
                        i++;
                        $('#dynamic_field').append('<tr id="row'+i+'">' +

                                '<td><select id="'+i+'" name="productcode[]" placeholder="Product Code" onchange="getState(this.value)" class="form-control name_list" required  value=""><?php $pc = mysqli_query($conn,"SELECT productcode from products");while ($get = mysqli_fetch_array($pc,MYSQLI_BOTH)) {?>  <option value="<?php echo $get['productcode'] ?>"><?php echo $get['productcode'] ?></option><?php }?> </select></td>' +
                '<td><input type="text" name="brand[]" placeholder="Brand" class="form-control name_list" required id="'+i+'"></td>' +
                                '<td><input id="'+i+'" type="text" name="productdescription[]" placeholder="Product Desc" class="form-control name_list" required></td>' +
                                '<td><input id="'+i+'" type="number" name="qty[]" placeholder="Quantity" class="form-control name_list" required></td>' +
                '<td><input id="'+i+'" type="number" id="costs" name ="cost[]" placeholder="Cost" class="form-control name_list" required></td>' +
                '<td><input type="number" id="'+i+'" name ="um[]" placeholder="UM" class="form-control name_list" required></td>' +
                                '<td><input id="'+i+'" type="text" name="vendor[]" placeholder="Vendor" class="form-control name_list" required></td>' +
                                '<td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">-</button></td></tr>');
                });
});

Вот пользовательский интерфейс