Как можно каждый раз при нажатии на кнопку создавать input, и потом при отправке формы получить данные из всех созданных input'ов через flask?

Question

[dvrr]

Всем привет, я хочу сделать так, чтобы при нажатии на кнопку создавался input, а также как сделать так, чтобы при отправке формы можно было получить данные ИЗ ВСЕХ созданных мной input'ов ? Я знаю, то что через js в html вроде можно создавать разные теги, но не знаю как получить ИЗ НИХ данные.

Answer 1

[Вадим]

Ну генерируйте их через JS с уникальным name и потом отправляйте форму как FormData
https://learn.javascript.ru/formdata

Другой вариант - элементы формы доступны через свойство .elements у формы.
https://learn.javascript.ru/form-elements

Дополнительные статьи по вопросу:
https://learn.javascript.ru/forms-submit
https://learn.javascript.ru/modifying-document

Answer 2

[alexalexes]

можно было получить данные ИЗ ВСЕХ созданных мной input'ов

Ну, например, дотягиваться до них любым методом документа, получающего ноду, и получать свойство value этой ноды:

let input_value_1 = document.querySelector('CSS селектор на ваш первый input').value;
let input_value_2 = document.querySelector('CSS селектор на ваш второй input').value;

Comments

[dvrr]

я знаю как получать данные.

я хочу сделать так, чтобы при нажатии на кнопку создавался input, а также как сделать так, чтобы при отправке формы можно было получить данные ИЗ ВСЕХ созданных мной input'ов

[alexalexes]

dvrr, createElement же.

let new_input = document.createElement('input');
new_input.name = 'имя параметра';
new_input.value = 'значение параметра';
new_input.className = 'классы ноды'; // какие-то классы input, если требуется
new_input.onclick = function(){}; // какие-то событийные обработчики
let input_container = document.querySelector('тут указываем, как дотянуться до ноды-контейнера, куда хотим вставить input');
input_container.appendChild(new_input); // добавление input-а в качестве потомка ноды-контейнера

[dvrr]

alexalexes, спасибо