HTML管理大型下拉菜單

Question

我在頁面上有10個下拉菜單，每個下拉菜單都有大約30個項目。

這需要大量的代碼行，甚至會阻止頁面加載時間的一小部分。

A.有沒有辦法簡化包含這些下拉菜單的代碼量？

B.有沒有一種方法來改善這個網頁的性能？

Answer 1

您是否嘗試使用由ajax調用提供的自動填充輸入字段來交換選擇字段？

有一些優勢，這種方法：

1. 以下HTML代碼

2. 更快的頁面加載

3. 用戶友好

Answer 2

如果下拉的每一個菜單有一定類型的數據，所以可以說動物或tre es e.t.c你可以創建一個數據庫並動態地將它們拖到下拉菜單中。它會比試圖手動將它們全部加載到一個更快。 使用這種方法將簡化過程很多，也使它更加動態添加新的選項，如果你喜歡我可以寫你一些基本的代碼，讓你開始？

Answer 3

您可以檢查下拉菜單這涼爽的插件，它可以幫助你建立你的代碼更好， http://twitter.github.com/bootstrap/javascript.html#dropdowns

如果你真的有一個巨大菜單，你可以考慮讓你的菜單項到JavaScript數組或Object，使用JavaScript函數來呈現菜單而不是純HTML代碼來保存頁面大小。