Создание копии разметки из DOM

Question

Я работаю над страницей ASP.NET, на которой есть кнопка, которая добавляет новый раздел разметки для пользователя (раздел разметки представляет собой комбинацию выпадающего списка, текстового поля и текстовой области). Пользователь может добавить любое количество этих разделов, ввести данные и отправить их на сервер.

Один из способов реализовать это - скрыть шаблон этого раздела в разметке и сделать его копию на стороне клиента. При отправке формы я мог бы пройтись по разметке и POST значениям, введенным пользователем.

Есть ли лучший способ сделать это? Еще один способ, о котором я могу подумать, - это использовать пользовательские элементы управления и динамически добавлять их на стороне сервера.

PS: я использую веб-формы ASP.NET 4.0, JQuery и т. Д.

Answer 1

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

Answer 2

Вам даже не нужно скрывать его в разметке, вы можете просто сохранить HTML как переменную JS.

Единственное, что я могу заметить, это то, что для связующего устройства модели ASP.NET требуетсяимена переменных в массивах (из вашего описания звучит так, как будто вы будете принимать массив разделов), чтобы явно указывать индекс (например, <input name="Section[0].DropDownValue>), вам необходимо заменить индекс-заполнитель (например, [0]) вВаша «основная копия» с новым динамически генерируемым значением перед добавлением фрагмента HTML в DOM.