Как получить значение элементов при добавлении и pu sh в массиве - PullRequest
Новая
       131

Как получить значение элементов при добавлении и pu sh в массиве

0 голосов
/ 09 мая 2020

Img of the window

Подробности:

Итак, я пытаюсь создать панель администратора, в разделе продуктов у меня есть один элемент (с классом form-group form-row), который содержит 3 входа (т. е. элемент, количество и цена) под ним, есть кнопка Добавить, которая добавляет еще один элемент (с строкой формы группы форм класса)

И объявлены переменные и массив для поля 

let CustomerName;
let CustomerAddress;
let CustomerNumber;
let CustomerType;
let itemsNumber = 1;
let items = [];
let quantities = [];
let prices = [];
let timeNdate;

Что я хочу: при нажатии кнопки «Сохранить продажи» Я хочу получить входные данные Item значение в массив items[] из каждой строки (не добавляется и не добавляется)

и аналогично с количеством и ценой

Пожалуйста, помогите с этим!

1 Ответ

1 голос
/ 09 мая 2020

Насколько я понял ваш вопрос, вы хотите получить значения входных данных Items, Quantities и Price в каждый массив (элементы, количества и цены, определенные массивы) правильно?

Вы могли бы сделать одну вещь, вы можете добавить суффикс к идентификатору DOM каждого элемента как при добавлении строки и сохранении количества имеющихся строк (count).

Итак, изначально присутствует только одна строка, поэтому count = 1 и ввод элемента id будет item-1.

Точно так же, если вы нажмете кнопку добавления, увеличьте счет до 2, и теперь будет два входа элементов с идентификаторами ['item-1' и 'item-2']

Когда вы нажимаете кнопку «Сохранить», у вас появляется счетная переменная, чтобы узнать, сколько строк присутствует. Вам просто нужно l oop через ввод и получить значения, присутствующие в нем. Например, 

for( let i=1 ; i<count ; i++){
    items.push($("#item-"+i).val());
    quantities.push($("#quantities-"+i).val());
    prices .push($("#prices-"+i).val());
}

Теперь этот тип решения является довольно родным, и его можно решить, просто проанализировав весь div и получив дочерние элементы и извлекая из него значения, но это просто сделало бы его чертовски много комплекса. Это решение будет работать плавно и эффективно, поскольку вы просто управляете идентификатором DOM в соответствии с индексом строки и просто получаете доступ к его значению с помощью jquery fetch. Вы также можете использовать document.getElementById("item-1").value

Надеюсь, это поможет! Подумайте об этом и просто запишите код.

...