JavaScript 동적 증가 파일 필드 폼 구현

js 코드:

<script language="javascript">
// , , name
var file_count = 0;
//
function additem(id) {
if (file_count > 9) {
alert(" u22810 10 u25991 u22495 ");
return;
}
// row; cell; str。
var row,cell,str;
// id table
row = eval("document.all["+'"'+id+'"'+"]").insertRow();
if(row != null ) {
//
row.bgColor="white";
//
cell = row.insertCell();
// str ,
str='<input onselectstart="return false" class="tf" onpaste="return false" type="file" name="file[' + file_count + ']" style="width:500px" onkeydown="return false;"/>';
str += "&nbsp;<input type="+'"'+"button"+'"'+" value="+'"'+" "+'"'+" onclick='deleteitem(this,"+'"'+"tb"+'"'+");'>";
//
file_count++;
// innerHTML str
cell.innerHTML=str;
}
}
//
function deleteitem(obj,id) {
var rowNum,curRow;
curRow = obj.parentNode.parentNode;
rowNum = eval("document.all."+id).rows.length - 1;
eval("document.all["+'"'+id+'"'+"]").deleteRow(curRow.rowIndex);
file_count--;
}
</script>
html 코드:

<input type=button value=" " onclick='additem("tb")'/><br/>
<table cellspacing="0" id="tb" style="width:400px">
</table>

좋은 웹페이지 즐겨찾기