jQuery二级联动菜单代码

Html

Css

$(document).ready(function() {
    $('.add_B').ready(function() {
        $("#class_S").hide();
        var se = ['请选择品种', '工作服', '西服/衬衫', '广告衫', '冲锋衣', ]
        var seid = ['0', '1', '2', '3', '4', ]
        console.log(se);

var cc = '';
        for (var i = 0; i < 5; i++) {
            var cc = cc + '<option value="' + seid[i] + '">' + se[i] + '</option>'
        }

$('.add_B').append(cc);

$('.add_B').siblings().append('<option value="">选择A</option>')
    })
    $('.add_B').change(function() {
        $("#class_S").show();

var set = [
            ['无'],
            ['春秋季工作服', '冬季工作服', ],
            ['西服 ', '西裤', ],
            ['无数据'],
            ['薄绒冲锋衣', '冬季冲锋衣', ],
        ]
        var aa = $(this).index('.add_B')
        var setid = [
            ['0'],
            ['11 ', '12 ', ],
            ['13 ', '14 ', ],
            [''],
            ['15', '16', ],
        ]
        var bb = $('.add_B').eq(aa).find('option:selected').index()

console.log(bb);
        if (bb == 0) {
            $("#class_S").hide();
        }
        var dd = ''
        for (var j = 0; j < set[bb].length; j++) {

if (set[bb].length < 2) {
                dd = '<option value="' + setid[bb][0] + '">' + set[bb][0] + '</option>'
            } else {
                dd = dd + '<option value="' + setid[bb][j] + '">' + set[bb][j] + '</option>'
            }
        }
        $('.add_B').eq(aa).siblings().empty().append(dd);
    })
})

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

jQuery二级联动菜单代码



代码描述：jQuery双联动菜单包含完整的value值，自动隐藏等

更新时间：2020-10-21 10:00:34
var se = ['请选择品种', '工作服', '西服/衬衫', '广告衫', '冲锋衣', ] var seid = ['0', '1', '2', '3', '4', ]\\ 第一个菜单的文字和 value值 var set = [ ['无'], ['春秋季工作服', '冬季工作服', ], ['西服 ', '西裤', ], ['无数据'], ['薄绒冲锋衣', '冬季冲锋衣', ], ] var aa = $(this).index('.add_B') var setid = [ ['0'], ['11 ', '12 ', ], ['13 ', '14 ', ], [''], ['15', '16', ], \\第二个菜单的文字和 value值

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

熊瑞

相关代码

jQuery二级联动菜单代码

最新