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

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

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

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

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

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

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

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

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

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

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

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

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

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

ขอบคุณครับ
#5
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 1024
^