การเพิ่ม TextBox ด้วย Javascript (CreateElement/appendChild/removeChild) ใช้งานใน Firefox ใช้งานไม่ได้ครับ
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:02By :
num
Date :
2010-01-11 18:27:30By :
break
ขอสอบถามกระทู้นี้ นิดนึงนะครับ ถ้าผมเพิ่ม textbox เข้าไปจำนวนเยอะๆ เวลาส่งฟอร์มไปที่ PageMultiInputTextField2.php ใช้พารามิเตอร์รับค่ายังไงหรอครับ โดยผันแปรตามจำนวน textbox ที่ create ขึ้นมาอะครับ ขอบคุณครับ
Date :
2011-12-27 14:41:17By :
DonutJung
Server 03
Load balance : Server 03
ขอบคุณมากๆ เลรับ คุณ Num.
Quote:
