读书人

html 动态添加下传文件控件

发布时间: 2012-10-14 14:55:08 作者: rapoo

html 动态添加上传文件控件

// 隐藏的,用来动态增加控件时复制用的<div id="divFileHidden" style="display:none;">              <html-el:file property="upload_picture_hidden" styleId="upload_picture_hidden" style="width: 500px;" />              <img src="${ctx}/styles/admin/images/x.gif" style="vertical-align:middle; cursor:pointer;" id="imgDelTr" /></div>// 显示的+按钮,该按钮用来动态增加HTML控件<div id="divFile">              <html-el:file property="up_picture" styleId="upload_picture" style="width: 500px;" />              <img src="${ctx}/styles/admin/images/+.gif" style="vertical-align:middle; cursor:pointer;" id="imgAddTr" /></div>


// +按钮的javascript代码$("#imgAddTr").click(function (){$("#divFileHidden").clone().find("#upload_picture_hidden").attr("name", "up_" + new Date().getTime()).end().appendTo($("#divFile")).show();    $("img[id='imgDelTr']").each(function(){$(this).click(function (){$(this).parent().remove();});});});



IETab下面,发现生成的控件的名字并没有被替换过来!name还是upload_picture_hidden
IE8,Firefox5正常,name变成up_1312960457209

读书人网 >CSS

热点推荐