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"/>