这次给大家带来创建动态菜单或下拉列表的javascript代码，使用的javascript创建动态菜单或下拉列表的注意事项有哪些，下面就是实战案例，一起来看一下。
在很多场景中，我们都需要动态地创建菜单、下拉列表或列表项。下面是一段最基础的代码实现上面的功能，你可以根据实际需要进行相应的扩展。
function makeMenu(items, tags) {
tags = tags || ['ul', 'li']; // default tags
var parent = tags[0]; var child = tags[1];
var item, value = ''; for (var i = 0, l = items.length; i < l; i++) {
item = items[i]; // Separate item and value if value is present
if (/:/.test(item)) {
item = items[i].split(':')[0];
value = items[i].split(':')[1];
} // Wrap the item in tag
items[i] = '<'+ child +' '+
(value && 'value="'+value+'"') +'>'+ // add value if present
item +'';
}
return '<'+ parent +'>'+ items.join('') +'';
}使用方法：
// Dropdown select monthmakeMenu( ['January:JAN', 'February:FEB', 'March:MAR'], // item:value ['select', 'option'] ); // List of groceriesmakeMenu( ['Carrots', 'Lettuce', 'Tomatos', 'Milk'], ['ol', 'li'] );
以上只是那些实用JavaScript代码段中的一小部分，建议平时注意收集或自己编写这样的基础代码段，它们能在很多项目中使用或通过一些改造提供更完善的功能，使用这些代码段将为你节省下大量的开发时间。
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
立即学习“Java免费学习笔记（深入）”；
XYCMS建站系统php版1.4
下载
XYCMS建站系统PHP版非MVC框架,自己手写原生态普通代码，作为企业用，已经绰绰有余。软件运行效率中等，加入数据缓存后性能提高。假如用来学习，下载可以慢慢研究的，假如用来建站，可以选择购买商业版就行建站用。栏目类别：文章，人员信息，专题项目，招聘，下载，相册，单页【支持无限极分类】文章：可用作添加新闻，资讯，列表信息类栏目信息人员信息：可用作企业员工信息栏目内容添加或者维护专题项目：可用作企业
推荐阅读：
