フォーム入力要素を含むテーブル行を追加および削除する 2 つの関数があります。どちらも正常に動作しますが、後で作成されたテーブル行にのみ [削除] ボタンの入力を表示する必要があるという問題があります。私の2つの機能は次のとおりです。
function addRow(table_id){
var clone;
var rows=document.getElementById(table_id).getElementsByTagName('tr');
var index=rows.length;
var tbo=document.getElementById(table_id).getElementsByTagName('tbody')[0];
clone=rows[index-1].cloneNode(true);
tbo.appendChild(clone);
}
function delRow(table_id,button){
var row = button.parentNode.parentNode;
var tbo = document.getElementById(table_id).getElementsByTagName('tbody')[0];
tbo.removeChild(row);
}
そしてhtmlコンテンツは次のとおりです。
<form>
<table id="mytab">
<tr>
<td>Upload File <input type="file" name="uploadfile[]" onchange="addRow('mytab')" /> <input name="del_row" type="button" value="Remove Row" onclick="delRow('mytab',this)"/></td>
</tr>
</table>
</form>
私は決して Javascript の専門家ではなく、むしろ初心者なので、解決策を考え出すのに苦労しています。