Постепенно открывая HTML-форму

Question

Небольшая дилемма веб-дизайна: у меня есть форма с большим количеством опций, в основном радио-кнопок, но не только.

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

Это происходит на нескольких уровнях, скажем, на 4 или 5 уровнях, и в конце есть кнопка отправки, которая отправляет толькоопределенные входы в соответствии с ветвями, выбранными пользователем.Кроме того, некоторые ветви имеют идентичные компоненты, хотя первоначальный выбор был другим.

Вот варианты, которые я мог бы придумать:

1. Создайте полную форму в теле html и используйтеJQuery, чтобы скрыть и показать их в соответствии с выбором пользователя.Это означает, что я должен написать разделы, которые повторяются дважды.
2. Ничего не писать в теле и добавлять новые элементы, когда пользователь делает определенные выборы.Это означает, что JavaScript более сложный, потому что я должен убедиться, что ничего не добавляется дважды.
3. Напишите HTML-скелет формы и используйте append для его заполнения.Затем используйте jquery, чтобы показать и скрыть элементы.Это не имеет ни одного из недостатков, но кажется немного неэстетичным.

Какой из них выбрать?Есть идеи получше?

Answer 1

Вероятно, будет использовать http://wiki.jqueryui.com/w/page/12137997/Menu или JStree (http://www.jstree.com/), о котором я узнал отсюда http://wiki.jqueryui.com/w/page/12138128/Tree

Answer 2

Это действительно сводится к вашему знанию javascript.Самым чистым способом было бы добавить форму, используя JavaScript.Таким образом, вы можете избежать дубликатов в вашей форме.

Если вы не очень знакомы с javascript и не знаете, как добавить форму, тогда я бы использовал javascript, чтобы показать / скрыть различные части формы.

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