html 업로드 파일 컨트롤 동적 추가

1454 단어 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 또는 uploadpicture_Hidden IE8, Firefox5 정상, name up1312960457209

좋은 웹페이지 즐겨찾기