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