สมมุติผมมีฟอร์ม 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
.....
.....
.....
เพิ่มลงไปเรื่อยๆ รบกวนผู้ที่เคยทำช่วยแนะนำหน่อยครับ
window.opener.location.reload()
ใช้ได้หรือป่าวอะครับ เปลี่ยนจาก reload เป้นฟังก์ชันของajax
แต่ติดตรงที่ว่า ทำยังไงให้ฟอร์มหลักมันอัพรายชื่อต่อๆกัน
ใช้ได้หรือป่าวอะครับ เปลี่ยนจาก reload เป้นฟังก์ชันของajax
แต่ติดตรงที่ว่า ทำยังไงให้ฟอร์มหลักมันอัพรายชื่อต่อๆกัน
ไม่ค่อยเข้าใจคำถาม...
ลองออกแบบฟอร์ม A
ลองออกแบบฟอร์ม B
ถ้าจะเพิ่มฟอร์มใหม่โดยไม่ต้องโหลดหน้าก็สามารถทำได้โดยการ createElement()
ถ้าจำเป็นจะต้องเรียกข้อมูลจาก server ก็โหลดข้อมูลมาด้วย Ajax แล้วเอามาใส่ฟอร์ม
ลองออกแบบฟอร์ม A
ลองออกแบบฟอร์ม B
ถ้าจะเพิ่มฟอร์มใหม่โดยไม่ต้องโหลดหน้าก็สามารถทำได้โดยการ createElement()
ถ้าจำเป็นจะต้องเรียกข้อมูลจาก server ก็โหลดข้อมูลมาด้วย Ajax แล้วเอามาใส่ฟอร์ม
โดยรายชื่อที่เพิ่มเข้าไปจะอยู่ในกรอบสีที่ผมวาดไว้ แต่การเพิ่มประมาณว่า มันจะค่อยๆต่อท้ายกันไปเรื่อยๆ อะครับ โดยที่ข้อมูลที่กรอกไปแล้วก่อนหน้าก็ยังไม่หายไป ประมาณนี้อะครับ
ขอบคุณอาจารย์มากๆ ครับ ที่ช่วยมาตอบ แต่รบกวนอีกสักนิด อิอิ
การเพิ่ม element สามารถทำได้โดยใช้ [search]createElement[/search] ครับ มีตัวอย่างอยู่หลายอันบนเว็บเกี่ยวกับเรื่องนี้ ให้ลองประยุกต์ดูครับ ตัวอย่างที่ใช้งานได้ตรงๆ คงไม่มีละครับ อาจต้องประยกต์เอาจากตัวอย่างที่พอหาได้ละครับ
ขอบคุณครับ