JavaScrip กับการเพิ่ม Textbox ผิดพลาดรบกวนด้วยครับ
รบกวนดู Code JavaScipt หน่อยครับ ขอบคุณล่วงหน้าครับ
มัน Error ประมาณว่า
Message: 'null' is null or not an object
Line: 16
Char: 2
Code: 0
ผิดที่ Code แดง จาก Code ต่อไปนี้
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Untitled Document</title>
<script language="javascript">
function fncCreateElement40()
{
var m = 0;
var mySpan40 = document.getElementById('mySpan40');
var myElement40 = document.createElement('<input type="text" id="section40'+m+'" name="section40[]" size="10" maxlength="15" class="textbox">');
mySpan40.appendChild(myElement40);
var myElement_cs40 = document.createElement('<input name="remove40" type="button" id="remove40'+m+'" value="Remove" onClick="JavaScript:fncDeleteElement40('+m+');">');
mySpan40.appendChild(myElement_cs40);
var myElement_ds40= document.createElement('<br id="nl40'+m+'">');
mySpan40.appendChild(myElement_ds40);
m++;
}
function fncDeleteElement40(x)
{
var txtbox = document.getElementById('section40'+x);
txtbox.parentNode.removeChild(txtbox);
var rmbot = document.getElementById('remove40'+x);
rmbot.parentNode.removeChild(rmbot);
var nline = document.getElementById('nl40'+x);
nline.parentNode.removeChild(nline);
}
</script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<input name="Submit2540" type="button" id="Submit2540" onclick="JavaScript:fncCreateElement40();" value="Insert" />
</form>
</body>
</html>
แต่ว่า concept ของฟังก์ชั่นมันดูแปลกๆอยู่นะครับ เนื่องจาก ฟังก์ชั่น น่าจะทำงานได้ แค่ครั้งแรกที่เรียก ครั้งเดียว ถ้ามีการเรียกครั้งที่ 2 ไม่น่าจะสร้าง element ได้
ให้ลองดูตัวอย่างบนเว็บครับ createElement