HTML管理大型下拉菜单

Question

我在页面上有10个下拉菜单，每个下拉菜单有大约30个项目。

这会占用大量的代码，甚至可以阻止少量的页面加载时间。

一个。有没有办法简化包含这些下拉菜单的代码量？

B中。有没有办法提高这个页面的性能？

Answer 1

您可以查看这个很酷的插件下拉菜单，它可以帮助您更好地构建代码， http://twitter.github.com/bootstrap/javascript.html#dropdowns

如果你真的有一个巨大的菜单，你可以考虑将你的菜单项变成一个javascript数组或对象，使用javascript函数来呈现菜单而不是纯HTML代码来保存页面大小。

Answer 2

您是否尝试将选择字段与由ajax调用提供的自动完成输入字段进行交换？

这种方法有一些优点：

1. 更少的HTML代码

2. 加快页面加载

3. 用户友好

Answer 3

如果每个下拉菜单都有某种类型的数据，那么让我们说动物或树e.t.c你可以创建一个数据库并动态地将它们拉入下拉菜单。它会比尝试手动加载它们更快一些。 使用这种方法会大大简化这个过程，并且如果你喜欢我可以写一些基本的代码来帮助你入门，那么它也会更加动态地添加新选项吗？