漸漸打開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來隱藏窗體的部分真正錯誤。