Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > การเพิ่ม TextBox ด้วย Javascript (CreateElement/appendChild/removeChild) ใช้งานใน Firefox ใช้งานไม่ได้ครับ

การเพิ่ม TextBox ด้วย Javascript (CreateElement/appendChild/removeChild) ใช้งานใน Firefox ใช้งานไม่ได้ครับ

เริ่มหัวข้อใหม่

Jee

โพสกระทู้ ( 10 )
บทความ ( 0 )

Code (PHP)

<html>
<head>
</head>
<script language="javascript" type="text/javascript">
function fncCreateElement(){
var mySpan = document.getElementById('mySpan');

var myElement1 = document.createElement('<input type="text" name="txtSiteName[]">');
myElement1.setAttribute('id',"txt1");
mySpan.appendChild(myElement1);
}
function fncDeleteElement(){
var mySpan = document.getElementById('mySpan');

//*** Remove Element ***//
var deleteEle = document.getElementById('txt1');
mySpan.removeChild(deleteEle);
}
</script>
<body>
<form action="PageMultiInputTextField2.php" method="post" name="form1">
<input type="text" name="txtSiteName[]"><br>
<input type="text" name="txtSiteName[]"><br>
<input type="text" name="txtSiteName[]"><br>
<span id="mySpan"></span>
<input name="btnSubmit" type="submit" value="Submit">
<input name="btnButton" id="btnButton" type="button" value="Create" onClick="JavaScript:fncCreateElement();"><input name="nButton" id="nButton" type="button" value="Delete" onClick="JavaScript:fncDeleteElement();">
</form>
</body>
</html>

ใน IE ทำงานได้ปกติ แต่ ใน firefox ไม่มีอะไรเกิดขึ้นครับ ต้องแก้ไขยังไงครับ

Page Test Site

Tag : - - - -

Date : 2010-01-10 13:48:32

By : break

View : 6946

Reply : 4

No. 1

num

โพสกระทู้ ( 1,463 )
บทความ ( 1 )

Code (js)

<html>
<head>
    <title>dfsd</title>
<script language="javascript" type="text/javascript">
function fncCreateElement(){
var mySpan = document.getElementById('mySpan');

var myElement1 = document.createElement('input');
myElement1.setAttribute('type', 'text');
myElement1.setAttribute('name', 'txtSiteName[]');
myElement1.setAttribute('id',"txt1");
mySpan.appendChild(myElement1);
mySpan.appendChild(document.createElement('br'));
}
function fncDeleteElement(){
var mySpan = document.getElementById('mySpan');

//*** Remove Element ***//
var deleteEle = document.getElementById('txt1');
mySpan.removeChild(deleteEle);
}
</script>
</head>
<body>
<form action="PageMultiInputTextField2.php" method="post" name="form1">
<input type="text" name="txtSiteName[]"><br>
<input type="text" name="txtSiteName[]"><br>
<input type="text" name="txtSiteName[]"><br>
<span id="mySpan"></span>
<input name="btnSubmit" type="submit" value="Submit">
<input name="btnButton" id="btnButton" type="button" value="Create" onClick="JavaScript:fncCreateElement();"><input name="nButton" id="nButton" type="button" value="Delete" onClick="JavaScript:fncDeleteElement();">
</form>
</body>
</html>

https://www.thaicreate.com/community/forum/025528.html

Date : 2010-01-10 20:03:02

By : num

No. 2

Jee

โพสกระทู้ ( 10 )
บทความ ( 0 )

ขอบคุณมากๆ เลรับ คุณ Num.

Date : 2010-01-11 18:27:30

By : break

No. 3

Donut

โพสกระทู้ ( 80 )
บทความ ( 0 )

ขอสอบถามกระทู้นี้ นิดนึงนะครับ ถ้าผมเพิ่ม textbox เข้าไปจำนวนเยอะๆ เวลาส่งฟอร์มไปที่ PageMultiInputTextField2.php ใช้พารามิเตอร์รับค่ายังไงหรอครับ โดยผันแปรตามจำนวน textbox ที่ create ขึ้นมาอะครับ ขอบคุณครับ

Date : 2011-12-27 14:41:17

By : DonutJung

No. 4

TC Admin

โพสกระทู้ ( 74,059 )
บทความ ( 838 )

Quote:
ขอสอบถามกระทู้นี้ นิดนึงนะครับ ถ้าผมเพิ่ม textbox เข้าไปจำนวนเยอะๆ เวลาส่งฟอร์มไปที่ PageMultiInputTextField2.php ใช้พารามิเตอร์รับค่ายังไงหรอครับ โดยผันแปรตามจำนวน textbox ที่ create ขึ้นมาอะครับ ขอบคุณครับ

Go to : PHP multiple input text field/Textbox

ตามนี้ครับ

Date : 2011-12-27 14:49:13

By : webmaster

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : การเพิ่ม TextBox ด้วย Javascript (CreateElement/appendChild/removeChild) ใช้งานใน Firefox ใช้งานไม่ได้ครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Registered : 109,038

document.write("<font color=996600>[PHP]</font>"); การเพิ่ม TextBox ด้วย Javascript (CreateElement/appendChild/removeChild) ใช้งานใน Firefox ใช้งานไม่ได้ครับ