現在書いている内容は、以下のようなものになりますが、Formを追加する上限をつけるためにはどうすればよいでしょうか？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>addForm</title>
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
function addForm() {
var divObj = document.getElementById("confirm_table");
divObj.appendChild(divObj.cloneNode(true));
}
</script>
</head>
<body>
<div id="contents">
<h1>addForm</h1>
<p><a href="#" class="open" onClick="addForm();">Formを追加する</a></p>
<form action="#" method="post">
<div id="confirm_table">
<input type="file" name="upload" size="30" />
<input type="text" name="fileName" size="30" />
</div>
<input type="submit">
</form>
</div>
</body>
</html>
No.1
5960
633
60pt
グローバル変数を使って解決できます。
19
19
maxForms = 3 //appendChildする上限回数
cntForms = 1; //appendChildの回数記録用
function addForm() {
if (cntForm <= 3) {
var divObj = document.getElementById("confirm_table");
divObj.appendChild(divObj.cloneNode(true));
cntForm++;
}
}
*参考サイト
| 回答者 | 回答 | 受取 | ベストアンサー | 回答時間 | |
|---|---|---|---|---|---|
| 1 |  pahoo |
5960回 | 5695回 | 633回 | 2008-03-08 11:51:43 |
1
1
2
1
1
2
2
コメント（0件)