我记录

【JQuery插件】下拉菜单变链接

ltcszk 发布于 2011/2/12 10:04 浏览: 646 回复: 0 所在分类:前端技术 tag:jquery
随便写的,selectLnk是链接选中时的样式需要自己定义。

//把DroptoLnk类的下拉菜单变成链接,点击链接改变下拉菜单的值,并且触发change事件
$(document).ready(function () {
    var selectclass = "selectLnk"; //选中的链接样式
    $('.DroptoLnk').each(function () {
        var drop = $(this);

        drop.hide();
        drop.children().each(function () {
            var opt = $(this);
            var lnk = $("<a href='javascript:void(0)'></a>");
            lnk.html(opt.html());
            var c = drop.attr("name");
            lnk.addClass(c);
            if (opt.attr("selected")) {
                lnk.addClass(selectclass);
            }
            lnk.click(function () {
                $('.' + c).removeClass(selectclass);
                $(this).addClass(selectclass);
                drop.val(opt.val());
                drop.change();
            });
            drop.after(" ");
            drop.after(lnk);
        })
    });

});
ltcszk2011/2/12 10:04

留下脚印

踩一脚
copyright © ltcszk 的空间 2010-2014
Powered by 我记录2.0
Processed in 0 seconds, 0 queries