A-AA+then

JavaScrip กับการเพิ่ม Textbox ผิดพลาดรบกวนด้วยครับ

2,336

รบกวนดู 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>

2 ความคิดเห็น

ก็ต้องไปหาดูก่อนครับ ว่าข้อผิดพลาด อยู่ที่ mySpan40 หรือ myElement40 ด้วยการ alert มาดู

แต่ว่า concept ของฟังก์ชั่นมันดูแปลกๆอยู่นะครับ เนื่องจาก ฟังก์ชั่น น่าจะทำงานได้ แค่ครั้งแรกที่เรียก ครั้งเดียว ถ้ามีการเรียกครั้งที่ 2 ไม่น่าจะสร้าง element ได้

ให้ลองดูตัวอย่างบนเว็บครับ createElement
1

ขอบคุณครับ.....
2
^