JavaScript はファイルフィールド form_form 特殊効果の動的な追加を実装します

js コード:

コードをコピー コードは次のとおりです:

<script language=" javascript"> ;
//ファイルフィールドの数を表すグローバル変数であり、この変数を使用してファイルフィールドの名前属性を区別します
var file_count = 0;
//ファイルフィールドを追加
function additem(id) {
if (file_count > 9) {
alert("ほとんどの u22810 10 u25991 個 u22495 ");
return;行; セル変数 cell ; セル内容変数 str.
var row,cell,str;
//指定された id を持つテーブルに行を挿入します
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 = " <input type= " '"' " button" '"' " value=" '"' "削除" '"' " onclick='deleteitem(this," '"' "tb" '"' ");'>";
//File フィールドの数を増やします
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);
</script>


html コード:

コードをコピー

コードは次のとおりです&lt ;input type=button value="追加" onclick='additem("tb")'/><br/> <table cellpacing= 0" id="tb" style="width: 400px"> </table>