Изменение значения динамически генерируемого поля ввода jquery

Question

Я пытаюсь изменить значение динамически сгенерированного поля ввода.

сценарий:

у меня есть кнопка называется add itemsпри нажатии к нему добавляются три поля ввода с именем itemname,units а также unitprice из которых itemname имеет jqueryui autocomplete а также working greatно я тоже в списке keypress event из itemname field поэтому, когда пользователь нажимает ввод после выбора требуемого имени элемента из автозаполнения, он должен получить единицы и цену имени элемента, которое пользователь выбрал с помощью автозаполнения кода:

var count = 1;
    $('#add-items').click(function () {
        $('#items').append('<div><br><i class="fa fa-angle-right"></i>. <input type="text" name="itemname[]" id="itemname-' + count + '" class="itemname" placeholder="item name"/>\n\
                <input type="text" name="units[]" id="units-' + count + '" size="10" placeholder="units" style="text-align: right"/>\n\
                <input type="text" name="unitprice[]" id="unitprice-' + count + '" size="10" placeholder="unit price" style="text-align: right"/>\n\
                <a href="javascript:void(0);" id="remove-items"><i class="fa fa-trash-o"></i></a></div>');
        $('#itemname-' + count).autocomplete({
            source: "<?= site_url('administrator/item-autocomplete') ?>",
            minLength: 2
        });
        $('#itemname-' + count).on('keypress', function (e) {
            var name = jQuery(this).val();
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
                e.preventDefault();
                $.ajax({
                    type: "POST",
                    url: "<?= base_url() ?>administrator/get-unit-and-price/",
                    data: {name: name},
                    dataType: "json",
                    success: function (data) {
                        if (data.valid == true) {
                            //document.getElementById('units-' + count).value = data.unit;
                            //document.getElementById('unitprice-' + count).value = data.price;
                            $('#units-' + count).attr('value', data.unit);
                            $('#unitprice-' + count).attr('value', data.price);
                            //$('#units-' + count).val(data.unit);
                            //$('#unitprice-' + count).val(data.price);
                        } else {
                            alert(data.html);
                        }
                    }
                });
            }
        });
        count++;
    });

все работает отлично, но это не меняет значение единицы и стоимости единицы, я также пытался предупредить data.unit а также data.price и его предупреждение правильное значение из базы данных..

мне интересно, что мне нужно сделать больше, чтобы он работал.. ищу предложение и помощь, заранее спасибо.. извините за плохой английский..

Answer 1

Опубликовать решение, чтобы другие могли получить некоторую помощь...:)

::::::::::::::::::::::::::EDIT:::::::::::::::::::::::::::::::

addedd data-count в поле динамического ввода itemname[]

и изменил функцию успеха ajax:

$('#units-' + thecount).attr('value', data.unit);
$('#unitprice-' + thecount).attr('value', data.price);

теперь все работает, и когда я нажимаю ввод, он также меняет значение units[] а также unitprice[] поле ввода,

::::::::::::::updated solution::::::::::::::::

var count = 1;
    $('#add-items').click(function () {
        $('#items').append('<div><br><i class="fa fa-angle-right"></i>. <input data-count="'+ count +'" type="text" name="itemname[]" id="itemname-' + count + '" class="itemname" placeholder="item name"/>\n\
                <input type="text" name="units[]" id="units-' + count + '" class="units" size="10" placeholder="units" style="text-align: right"/>\n\
                <input type="text" name="unitprice[]" id="unitprice-' + count + '" class="unitprice" size="10" placeholder="unit price" style="text-align: right"/>\n\
                <a href="javascript:void(0);" id="remove-items"><i class="fa fa-trash-o"></i></a></div>');
        $('#itemname-' + count).autocomplete({
            source: "<?= site_url('administrator/item-autocomplete') ?>",
            minLength: 2
        });
        $('#itemname-' + count).on('keypress', function (e) {
            var name = jQuery(this).val();
            var thecount = jQuery(this).data('count');
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
                e.preventDefault();
                $.ajax({
                    type: "POST",
                    url: "<?= base_url() ?>administrator/get-unit-and-price/",
                    data: {name: name},
                    dataType: "json",
                    success: function (data) {
                        if (data.valid == true) {
                            $('#units-' + thecount).attr('value', data.unit);
                            $('#unitprice-' + thecount).attr('value', data.price);
                        } else {
                            alert(data.html);
                        }
                    }
                });
            }
        });
        count++;
    });

Спасибо всем....