@Vadim1899

Вставка кода на страницу?

Всем привет
Задача следующая. Имеется форма. При нажатии на кнопку "плюс", должна появляться новый айтем в форме (айтем это грубо говоря группа инпутов).
Как реализовать это разумно?

Мои варианты:
0. ̶В̶ ̶j̶s̶ ̶с̶о̶з̶д̶а̶т̶ь̶ ̶п̶е̶р̶е̶м̶е̶н̶н̶у̶ю̶ ̶v̶a̶r̶ ̶i̶n̶p̶u̶t̶ ̶=̶ ̶'̶<̶ ̶i̶n̶p̶u̶t̶ ̶t̶y̶p̶e̶=̶"̶t̶e̶x̶t̶"̶>̶<̶ ̶/̶i̶n̶p̶u̶t̶>̶........'̶ ̶и̶ ̶и̶н̶с̶е̶р̶т̶и̶т̶ь̶ ̶в̶ ̶к̶о̶д̶ ̶н̶а̶ж̶а̶т̶и̶и̶ ̶н̶а̶ ̶п̶л̶ю̶с̶и̶к̶
1. Сделать "шаблон" айтема, скрыть его (обернуть в display:none, например) и при каждом добавлении айтема в форму с помощью jquery, просто дублировать шаблон, Так же, с помощью jq указывать атрибуты каждому полю айтема
2. Отдавать запрос на бек, который будет генерировать html-код нового айтема и возвращать клиенту. Далее js будет инсертить код

Но что-то мне подсказывает, что есть решения гораздо оптимальнее и менее костыльные. Не подскажите?
Бек на php, фронт js/jq
  • Вопрос задан
  • 115 просмотров
Решения вопроса 1
locky_yotun
@locky_yotun Куратор тега JavaScript
Я видел некоторый джаваскрипт
Конечно вариант №0. Только в переменную лучше записывать не строку, а собственно инпут, типа такого:
https://codepen.io/zaytsev_mxm/pen/PooWKGV?editors=1010

UPD: Ну а так-то давно уже есть React и Vue — конечно все проще сделать на них)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы