您正在使用IPV4(18.207.129.133)访问本站 您本次共访问本站 1 次
用户名: 用QQ登录本站
密 码:
验证码:
首页 软件 编程 笑话 知识 公告 台风 日历 计算器 行情 简化版
文明驾车我带头,文明行路我带头,礼貌让座我带头      

[公益] 节省一分零钱 献出一份爱心 温暖世间真情       【腾讯云】618云上GO!云服务器限时秒杀,1核2G首年95元!      
广告位招租中
2021年 建军节 8
2021年 七夕节 21
2022年 元 旦 161
2022年 春 节 192
 
  • 本类新增
    本类热门文章
    您现在的位置:首页 >> JS/CSS >> 内容
    创建动态菜单或下拉列表
    内容摘要: function makeMenu(items, tags) {tags = tags || ['ul', 'li']; // default tagsvar parent = tags[0];var child = tags[1];var item, value = '';for (var i = 0, l = items.length; il; i++)......
    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 +'</'+ child +'>';

    }


    return '<'+ parent +'>'+ items.join('') +'</'+ parent +'>';

    }

    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 +'</'+ child +'>';

    }


    return '<'+ parent +'>'+ items.join('') +'</'+ parent +'>';

    }



    使用方法:


    // Dropdown select month

    makeMenu(

    ['January:JAN', 'February:FEB', 'March:MAR'], // item:value

    ['select', 'option']

    );


    // List of groceries

    makeMenu(

    ['Carrots', 'Lettuce', 'Tomatos', 'Milk'],

    ['ol', 'li']

    );

    版权声明:本内容来源于互联网,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
    上一篇:判断相应式布局中当前适配度 下一篇:100多个基础常用JS函数和语法集合大全
    发布日期:2021/7/8
    手机扫二维码直达本页
    发布时间:14:32:19
    点击:149
    录入:齐天大圣
    相关文章
    Baidu

    YiJiaCMS V5.9 Build 21.7.20(MSSQL) 闽ICP备05000814号-1
    本空间由景安网络提供,百度云加速提供加速防护
    ©2000-2021