Forgot Password ??

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

	Registered : 109,028

HOME > PHP > PHP Forum > ส่งข้อมูลข้ามเพจแบบ post สำหรับ table ที่สามารถเพิ่มและลบ row ของ table ด้วย javascript ทำอย่างไรคะ

ส่งข้อมูลข้ามเพจแบบ post สำหรับ table ที่สามารถเพิ่มและลบ row ของ table ด้วย javascript ทำอย่างไรคะ

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

kodai

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

<HTML>
<HEAD>
<TITLE> Add/Remove dynamic rows in HTML table </TITLE>
<SCRIPT language="javascript">
function addRow(tableID) {

var table = document.getElementById(tableID);

var rowCount = table.rows.length;
var row = table.insertRow(rowCount);

var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
cell1.appendChild(element1);

var cell2 = row.insertCell(1);
cell2.innerHTML = rowCount + 1;

var cell3 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
cell3.appendChild(element2);

}

function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;

for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}

}
}catch(e) {
alert(e);
}
}

</SCRIPT>
</HEAD>
<BODY>

<INPUT type="button" value="Add Row" onclick="addRow('dataTable')" />

<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />

<TABLE id="dataTable" width="350px" border="1">
<TR>
<TD><INPUT type="checkbox" name="chk"/></TD>
<TD> 1 </TD>
<TD> <INPUT type="text" /> </TD>
</TR>
</TABLE>

</BODY>
</HTML>

จากโค๊ดด้านบนนะคะ จะสามารถเพิ่มและลบ row ของ table ด้วย javascript แต่ถ้าต้องการสงนำโค๊ดด้านบนไปเขียนแบบ code-behind แล้วต้องการจะส่งข้อมูลข้ามเพจแบบ post จะต้องเขียนยังไงคะ รบกวนผู้รู้ช่วยด้วยคะ

Tag : PHP, HTML/CSS, JavaScript

Date : 2012-05-22 15:53:14

By : kodai

View : 1141

Reply : 1

No. 1

NOOM

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

ขอตอบคำถามนี้โดยหลักการนะครับ... ก่อนอื่นผมคิดว่าคุณ "kodai" คงจะเข้าใจฟังก์ชั่น javascript แล้วนะครับ ถ้าเขียน script นี้เองจะเข้าใจเป็นอย่างดีแน่นอน ....

สิ่งที่ต้องมีใน script ก็คือ ในตอนที create element จะต้องมีการระบุ ID และ/หรือ Name ของ element ด้วยครับ (เท่านี้เอง)

สามารถทดสอบได้ดังนี้นะครับ

ถ้าไฟล์นี้ (ยกตัวอย่าง page1.php) ซึ่งเป็นหน้าที่สร้าง element ตามตัวอย่างข้างบน ความจริงน่าจะสร้าง FORM ครอบตารางเอาไว้ก็ดีนะครับ แล้วก็มีปุ่ม SUBMIT เหมือนฟอร์มทั่วไปเลย โดย action ไปที่ฟอร์มที่สองเช่น page2.php ในหน้าของ page2.php ก็ลอง print_r($_POST) ข้อมูลทั้งหมด ออกมาดูนะครับว่าได้ข้อมูลอะไรบ้าง ซึ่งถ้าไม่ได้ระบุ ID และ/หรือ Name ของ element ข้อมูลที่แสดงออกมาจะไม่ครบแน่นอน เพราะฉะนั้นต้องระบุ ID และ/หรือ Name ให้กับ element ที่สร้างขึ้นมาให้ครบครับ

Date : 2012-05-22 16:38:13

By : Songkram

ค้นหาข้อมูล

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

Re : ส่งข้อมูลข้ามเพจแบบ post สำหรับ table ที่สามารถเพิ่มและลบ row ของ table ด้วย javascript ทำอย่างไรคะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

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

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05

Registered : 109,028

document.write("<font color=996600>[PHP]</font>"); ส่งข้อมูลข้ามเพจแบบ post สำหรับ table ที่สามารถเพิ่มและลบ row ของ table ด้วย javascript ทำอย่างไรคะ

No. 1

ค้นหาข้อมูล

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

Notice

ส่งข้อมูลข้ามเพจแบบ post สำหรับ table ที่สามารถเพิ่มและลบ row ของ table ด้วย javascript ทำอย่างไรคะ