A-AA+then

คำถามเกี่ยวกับการเปลี่ยนแปลงข้อมูลในฟอร์ม

1,133
สมมุติผมมีฟอร์ม 2 ฟอร์ม ได้แก่ A และ B
A เป็นแบบฟอร์มหลักที่ต้องกรอกข้อมูลทั้งหมด
B เป็นแบบฟอร์มรองที่จะคิวรี่ข้อมูลผู้ใช้ขึ้นมาแล้วในแต่ละรายชื่อจะมีปุ่ม ADD เพื่อทำการอัพเดทข้อมูลในแบบฟอร์ม A
คำถาม
ผมจะทำอย่างไรดีครับผลลัพธ์ที่ผมอยากได้คือ เมื่อคลิกปุ่ม ADD ที่แบบฟอร์ม B ข้อมูลในแบบฟอร์ม A จะมีการเปลี่ยนแปลงแต่ไม่โหลดใหม่ทั้งหน้า โดยการเปลี่ยนแปลงจะเป็นการค่อยๆ เพิ่มผู้ใช้ลงไปหลังจากคลิกปุ่ม ADD

นายสม หวัง  หน่วยงาน12
นายหมาย หมั่น หน่วยงาน13
นายหมั่น หมาย หน่วยงาน13
.....
.....
.....

เพิ่มลงไปเรื่อยๆ รบกวนผู้ที่เคยทำช่วยแนะนำหน่อยครับ

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

window.opener.location.reload()
ใช้ได้หรือป่าวอะครับ เปลี่ยนจาก reload เป้นฟังก์ชันของajax
แต่ติดตรงที่ว่า ทำยังไงให้ฟอร์มหลักมันอัพรายชื่อต่อๆกัน
1

ไม่ค่อยเข้าใจคำถาม...

ลองออกแบบฟอร์ม A

ลองออกแบบฟอร์ม B

ถ้าจะเพิ่มฟอร์มใหม่โดยไม่ต้องโหลดหน้าก็สามารถทำได้โดยการ createElement()

ถ้าจำเป็นจะต้องเรียกข้อมูลจาก server ก็โหลดข้อมูลมาด้วย Ajax แล้วเอามาใส่ฟอร์ม
2

ประมาณว่าฟอร์ม B จะเป็นเหมือนpopupที่เกิดจากการคลิกปุ่มที่ฟอร์ม A เอาไว้เพื่อเพิ่มผู้ใช้เข้าไปในแบบฟอร์ม A แต่เพิ่มในลักษณะทีละคน

โดยรายชื่อที่เพิ่มเข้าไปจะอยู่ในกรอบสีที่ผมวาดไว้ แต่การเพิ่มประมาณว่า มันจะค่อยๆต่อท้ายกันไปเรื่อยๆ อะครับ โดยที่ข้อมูลที่กรอกไปแล้วก่อนหน้าก็ยังไม่หายไป ประมาณนี้อะครับ

ขอบคุณอาจารย์มากๆ ครับ ที่ช่วยมาตอบ แต่รบกวนอีกสักนิด อิอิ
3

การเพิ่ม element สามารถทำได้โดยใช้ createElement ครับ มีตัวอย่างอยู่หลายอันบนเว็บเกี่ยวกับเรื่องนี้ ให้ลองประยุกต์ดูครับ ตัวอย่างที่ใช้งานได้ตรงๆ คงไม่มีละครับ อาจต้องประยกต์เอาจากตัวอย่างที่พอหาได้ละครับ
4

ขอบคุณครับ
5
^