JSダイナミックに追加し、フォームコンポーネントを削除します.

1332 ワード

最近、アプリケーションを行うには、カスタムフォームが必要です.簡単なJS制御を行いました.テーブルの一行を増やしたり、削除したりしました.ソースは以下の通りです.
<script language="javascript">

function delChild(id){ 
	var table = document.getElementById("Table1");
	var bb=table.getElementsByTagName("tr");
	 for(var i=0; i<bb.length; i++){
		 if(bb[i].d==id) break;
	 }
	table.deleteRow(i);
} 

var oa=0;//      
function tbladdrow(){

    oa++;
	var Table1 = document.getElementById("Table1");
	var i=Table1.rows.length;
	if(i>=4){
alert("        .");
	return;
	}
	row = Table1.insertRow(Table1.rows.length);
    row.d=oa;
	var col = row.insertCell(0);
	col.innerHTML = "<div align='center'><INPUT name=fname"+i+" value="+i+" SIZE=10></div>";
	col = row.insertCell(1);
	col.innerHTML = "<INPUT name=fvalue"+i+"><input type= button  value=   onclick=delChild("+oa+") />";	
}

function tbladdrows(items){
 for(var i =0 ; i < items; i++){
	  tbladdrow();
	 }
}

</script>
<table id="Table1" >
<TBODY id="lines">	   	
	   	
	   	</TBODY> 
		
		</table> 

 <input onclick="tbladdrows(this.shu);" type="button" shu="1" value="    " name="insert"/>