добавить новое поле ввода на вход

Question

Добрый день, пользователи,

Я хочу создать форму с полем ввода, и когда пользователь начинает вводить это поле ввода, под ним появляется другое поле ввода. Это позволяет пользователю добавлять несколько продуктов, не видя списка из 20 полей ввода, а просто видеть новое поле ввода при вводе первого.

Я надеюсь, что здесь кто-то знает, где я могу это найти.

С уважением,

Augus

Answer 1

Как отметил @karthikrangaraj в своем комментарии, вы можете сделать это, прикрепив обработчик событий onkeyup к этим входам и вызвав там функцию, которая динамически добавит элементы в контейнер.

Вы должны будете отслеживать, какие поля ввода уже создали дочерний ввод, чтобы избежать создания новых полей при каждом нажатии клавиши, и вам также придется отслеживать количество элементов, добавляемых для того, чтобы назначить согласованные атрибуты name / id вновь созданным элементам.

См. Основной рабочий пример в этой скрипке .