我在一个页面上有 10 个下拉菜单，每个下拉菜单大约有 30 个项目。
这占用了大量的代码行，甚至会少量阻碍页面加载时间。
一个。有没有办法简化包含这些下拉菜单的代码量？
二.有没有办法提高此页面的性能？
您可以查看这个很酷的插件下拉菜单，它可以帮助您更好地构建代码，http://twitter.github.com/bootstrap/javascript.html#dropdowns
如果你真的有一个巨大的菜单，你可以考虑把你的菜单项做成一个javascript Array或Object，使用javascript函数来呈现菜单，而不是用纯HTML代码来保存页面大小。
您是否尝试将选择字段与 ajax 调用提供的自动完成输入字段交换？
此方法有一些优点：
-
更少的 HTML 代码
-
更快的页面加载
-
用户友好
如果每个下拉菜单都有某种类型的数据，比如动物或树木等，您可以创建一个数据库并将它们动态拉入下拉菜单中。 这比尝试手动加载它们更快一些。使用这种方法将大大简化过程，并且如果您愿意，还可以使添加新选项更加动态，我可以为您编写一些基本代码来帮助您入门？？