JavaScriptにフォームを追加する2つの簡単な方法
方法1 insertAdjacentHTML
原型:insertAdajcentHTML(swhere,stext)
insertAdjacentHTML方法:指定された場所にhtmlラベル文のパラメータを挿入します.swhere:指定されています.htmlラベル文を挿入するところには、4つの値があります.利用可能です.1.before Begin:ラベルの開始前に挿入します.
2.afterBegin:ラベル開始フラグに挿入した後
3.beforeEnd:ラベル終了フラグに挿入する前に
4.afterEnd:ラベル終了フラグに挿入した後
stext:挿入する内容
<HTML>
<HEAD>
<title> / HTML </title>
<script language="javascript">
var count= 0 ;
var maxfile = 5;
function addUpload() {
if(count >= maxfile) return;// maxfile
count++;
// id HTML ，
var newDiv = "<div id=divUpload" + count +">"
+ " <input id=file" + count + " type=file size=50 name=upload>"
+ " <a href=javascript:delUpload('divUpload" + count + "');> </a>"
+ " </div>";
document.getElementById("uploadContent").insertAdjacentHTML("beforeEnd", newDiv);
}
//
function delUpload(diva) {
count--;
document.getElementById(diva).parentNode.removeChild(document.getElementById(diva));
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server" enctype="multipart/form-data">
<div>
<table>
<tr>
<td id="tdRrmove" width="2000">
<!-- file HTML -->
<div id="uploadContent">
<!-- file
<div id=div1><input id=file1 type=file size=50 name=upload></div>-->
</div>
</td>
</tr>
</table>
</div>
<a href="javascript:addUpload()"> </a>
<br/>
<br/>
</form>
</body>
</HTML>
方法2 innerHTML
<script>
var question_count=0;
function addQuestion(content){
newline=document.all.test.insertRow();
question_count++;
newline.insertCell().innerHTML=' '+questionnumber+': <input type="text" id="question[]" name="question[]" /><input type="button" value=" " onclick="del()" />' ;
}
function addOpts(content){
newline=document.all.test.insertRow();
question_count++;
newline.insertCell().innerHTML=' '+question_count+': <input type="text" name="question[]" /><input type="button" value=" " onclick="del()" />' ;
}
function del(){
document.all.test.deleteRow(window.event.srcElement.parentElement.parentElement.rowIndex);
}
</script>