基于jquery easyui的图片选择

最近在做一个菜单管理功能的时候,发现没有一个可以直接选取菜单图标的功能,网上搜索一下也没有找到,而且发现有还有其他人需要类似的功能,就自己实了一个,特简单,不多说,先上图

点击选择图标。直接看代码:

$("#sImg").click(function () {
$('#wS').window('open');
$('#wS').empty();
$.ajax({
type: "POST",
url: "/sysmanage/sysmanage/GetMenuIconList",
success: function (d, b, c) {
for(var i in d)
{
$("#wS").append("<div class='SelectIcon'><img src='/images/" + d[i] + "' width='100px' height='100px' /></div>");
}
$(".SelectIcon").mouseover(function () {
$(this).removeClass().addClass("SelectIcon_ed");
});
$(".SelectIcon").mouseout(function () {
$(this).removeClass().addClass("SelectIcon");
});
$(".SelectIcon").click(function () {
var v=$(this).find("img").attr("src");
$("#Menu_Icon").val(v);
$("#sImg").attr("src", v);
$('#wS').window('close');
});
}

});
});

posted on 2014-02-14 15:42  cenlo  阅读(1520)  评论(0编辑  收藏  举报

导航