Как дублировать несколько элементов из html формы?

У меня есть форма в html. В ней множество input и output. Мне нужно их продублировать и отобразить ниже. Также мне надо всё это обрабатывать в pythom(flask) и следовательно нужно автоматически менять id, чтобы всё не слетело. Пробовал через js, но пока что не выходит.

Вот кнопка, по клику которой отправляется запрос на сервер $('#addServId').click(addServ)

Вот функция, которая её обрабатывает.

function addServ(){
$('.client').clone().appendTo($('#virtualId'))
$('.serv').clone().appendTo($('#virtualId'))
$('.core').clone().appendTo($('#virtualId'))
$('.ram').clone().appendTo($('#virtualId'))
$('.sata').clone().appendTo($('#virtualId'))
$('.sas').clone().appendTo($('#virtualId'))
$('.ssd').clone().appendTo($('#virtualId'))
$('.res').clone().appendTo($('#virtualId'))

}

P.S. virtualId - это id формы.

Буду благодарен любой помощи


Ответы (1 шт):

Автор решения: Sergei Kirjanov

Попробуйте как-то так:

const res = $('.res').clone()
res.attr('id',newResId)
res.appendTo($('#virtualId'))
→ Ссылка