当前位置: 代码迷 >> HTML/CSS >> html 动态添加下传文件控件
  详细解决方案

html 动态添加下传文件控件

热度:91   发布时间:2012-10-14 14:55:08.0
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
  相关解决方案