คำถามเกี่ยวกับการเปลี่ยนแปลงข้อมูลในฟอร์ม
สมมุติผมมีฟอร์ม 2 ฟอร์ม ได้แก่ A และ B
A เป็นแบบฟอร์มหลักที่ต้องกรอกข้อมูลทั้งหมด
B เป็นแบบฟอร์มรองที่จะคิวรี่ข้อมูลผู้ใช้ขึ้นมาแล้วในแต่ละรายชื่อจะมีปุ่ม ADD เพื่อทำการอัพเดทข้อมูลในแบบฟอร์ม A
คำถาม
ผมจะทำอย่างไรดีครับผลลัพธ์ที่ผมอยากได้คือ เมื่อคลิกปุ่ม ADD ที่แบบฟอร์ม B ข้อมูลในแบบฟอร์ม A จะมีการเปลี่ยนแปลงแต่ไม่โหลดใหม่ทั้งหน้า โดยการเปลี่ยนแปลงจะเป็นการค่อยๆ เพิ่มผู้ใช้ลงไปหลังจากคลิกปุ่ม ADD
นายสม หวัง หน่วยงาน12
นายหมาย หมั่น หน่วยงาน13
นายหมั่น หมาย หน่วยงาน13
.....
.....
.....
เพิ่มลงไปเรื่อยๆ รบกวนผู้ที่เคยทำช่วยแนะนำหน่อยครับ
A เป็นแบบฟอร์มหลักที่ต้องกรอกข้อมูลทั้งหมด
B เป็นแบบฟอร์มรองที่จะคิวรี่ข้อมูลผู้ใช้ขึ้นมาแล้วในแต่ละรายชื่อจะมีปุ่ม ADD เพื่อทำการอัพเดทข้อมูลในแบบฟอร์ม A
คำถาม
ผมจะทำอย่างไรดีครับผลลัพธ์ที่ผมอยากได้คือ เมื่อคลิกปุ่ม ADD ที่แบบฟอร์ม B ข้อมูลในแบบฟอร์ม A จะมีการเปลี่ยนแปลงแต่ไม่โหลดใหม่ทั้งหน้า โดยการเปลี่ยนแปลงจะเป็นการค่อยๆ เพิ่มผู้ใช้ลงไปหลังจากคลิกปุ่ม ADD
นายสม หวัง หน่วยงาน12
นายหมาย หมั่น หน่วยงาน13
นายหมั่น หมาย หน่วยงาน13
.....
.....
.....
เพิ่มลงไปเรื่อยๆ รบกวนผู้ที่เคยทำช่วยแนะนำหน่อยครับ
ใช้ได้หรือป่าวอะครับ เปลี่ยนจาก reload เป้นฟังก์ชันของajax
แต่ติดตรงที่ว่า ทำยังไงให้ฟอร์มหลักมันอัพรายชื่อต่อๆกัน
ลองออกแบบฟอร์ม A
ลองออกแบบฟอร์ม B
ถ้าจะเพิ่มฟอร์มใหม่โดยไม่ต้องโหลดหน้าก็สามารถทำได้โดยการ createElement()
ถ้าจำเป็นจะต้องเรียกข้อมูลจาก server ก็โหลดข้อมูลมาด้วย Ajax แล้วเอามาใส่ฟอร์ม
โดยรายชื่อที่เพิ่มเข้าไปจะอยู่ในกรอบสีที่ผมวาดไว้ แต่การเพิ่มประมาณว่า มันจะค่อยๆต่อท้ายกันไปเรื่อยๆ อะครับ โดยที่ข้อมูลที่กรอกไปแล้วก่อนหน้าก็ยังไม่หายไป ประมาณนี้อะครับ
ขอบคุณอาจารย์มากๆ ครับ ที่ช่วยมาตอบ แต่รบกวนอีกสักนิด อิอิ