【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
留下脚印