파일 첨부 동적으로 생성하기

추가 버튼을 눌러보세요~
<div id="attachFileDiv"><input type="file" name="files" value="" size="40"><input type="button" value="추가" onclick="attachFile.add()" style="margin-left:5px"></div>

<script language="JavaScript">
	attachFile = {
		idx:0,
		add:function(){ // 파일필드 추가
			var o = this;
			var idx = o.idx;

			var div = document.createElement('div');
			div.style.marginTop = '3px';
			div.id = 'file' + o.idx;

			var file = document.all ? document.createElement('<input name="files">') : document.createElement('input');
			file.type = 'file';
			file.name = 'files';
			file.size = '40';
			file.id = 'fileField' + o.idx;

			var btn = document.createElement('input');
			btn.type = 'button';
			btn.value = '삭제';
			btn.onclick = function(){o.del(idx)}
			btn.style.marginLeft = '5px';

			div.appendChild(file);
			div.appendChild(btn);
			document.getElementById('attachFileDiv').appendChild(div);

			o.idx++;
		},
		del:function(idx){ // 파일필드 삭제
			if(document.getElementById('fileField' + idx).value != '' && !confirm('삭제 하시겠습니까?')){
				return;
			}
			document.getElementById('attachFileDiv').removeChild(document.getElementById('file' + idx));
		}
	}
</script>