#(ภาคต่อ แก้ไข อัพเดท) โค้ดการเลือกจังหวัด อำเภอ ตำบล ด้วย Ajax Code PHP select Provicne Umphur District with Edit > CODE-FATHER.com

#(ภาคต่อ แก้ไข อัพเดท) โค้ดการเลือกจังหวัด อำเภอ ตำบล ด้วย Ajax Code PHP select Provicne Umphur District with Edit

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

ซึ่งจะมีความยุ่งยากอยู่สักหน่อย ในส่วนของโค้ดก็มีเพิ่มเติมในหลาย ๆ ส่วน แต่ก็ไม่ยากจนเกินความสามารถของคนเราครับ หากมีพื้นฐานที่ดี หรือ พรแสวง ก็สามารถต่อยอดได้อย่างแน่นอน
  
if('<?=$action?>'=='Edit'){
window.onLoad=data_show('<?=$province?>','amphur','<?=$amphur?>'); 
window.onLoad=data_show('<?=$amphur?>','district','<?=$district?>'); 
}

สเต็ปการทำงานของโปรแกรมในส่วนของการแก้ไข หรือ อัพเดท
  1. ส่งค่ารหัสจังหวัด เข้าฟังก์ชั่น data_show(); ตอนที่โหลดหน้าเว็บ หรือ เข้าสู่โหมดแก้ไข

    window.onLoad=data_show('<?=$province?>','amphur','<?=$amphur?>'); 

    ก็จะได้อำเภอที่อยู่ในจังหวัดที่ต้องการออกมาครับ
  2. แล้วก็ทำการส่งค่ารหัสอำเภอ เข้าฟังก์ชั่น data_show();

    window.onLoad=data_show('<?=$amphur?>','district','<?=$district?>'); 

    ก็จะได้รายชื่อตำบล ตามอำเภอที่เลือกครับ
  3. จากข้อ 1 และ ข้อ 2 เราก็จะได้รายการจังหวัด อำเภอ ตำบล เรียบร้อย สามารถเลือกใช้ได้ตามปรกติ คือ คลิกเลือกจังหวัด แสดงรายชื่ออำเภอในจังหวัดนั้น คลิกเลือกอำเภอ ก็แสดงรายชื่อตำบลในอำเภอนั้น แต่มันยังไม่สมบูรณ์ เพราะเมื่อเราคลิกเลือกจะแก้ไขจังหวัด แต่เราไม่เลือกอำเภอแล้วล่ะก็ รายชื่อตำบล(อันเก่า) มันก็ยังไม่เปลี่ยนใช่ไหมครับ ถ้าผู้ใช้เลือกจังหวัดใหม่แล้วทำการบันทึกข้อมูลเลย เจ้าชื่อตำบลก็จะผิดอย่างแน่นอน ดังนั้นจึงต้องเพิ่มโค้ดในส่วนของการล้างค่า หรือ Clear List Menu ตำบลออก (ตามรูป) เพื่อให้ผู้ใช้ได้คลิกเลือกอำเภอก่อนบันทึกข้อมูล โค้ดด้านล่างนี้ คือโค้ดในส่วนของ จังหวัด นะครับ

    <select name='province' id='province' onchange="data_show(this.value,'amphur','');document.getElementById('district').innerHTML = '<option value=>--- Pleaser Select Amphur ---</option>';">

    อธิบายเพิ่มเติม คือ โค้ดด้านบนนี้ เป็นการเรียกใช้ฟังก์ชั่นของ Java Script ซ้อนเงื่อนไข หรือ แบบต่อเนื่องนะครับ คือ (โค้ดสีน้ำเงิน ด้านบน) จะเกิดขึ้นเมื่อผู้ใช้คลิกเลือกรายชื่อจังหวัด จะส่งค่ารหัสจังหวัดไป เพื่อเลือกอำเภอนั่นเอง ส่วน (โค้ดสีชมพู) คือ การสร้าง List Menu แบบว่างเปล่าขึ้นมาครับ
บทความนี้ผมก็เอาโค้ดจากบทความที่แล้วนั่นหล่ะครับ มาแก้ไข ในส่วนของโค้ด ทั้งการเพิ่ม และการแก้ไข นั้น เอามาไว้หน้าเดียวกันเลยเพื่อความสะดวกในการดู ในโค้ดผมไม่ได้อธิบายอะไรไว้นะครับ ลองไล่ ๆ โค้ดดูก็จะรู้ว่าอะไรส่งค่าไป ไหน อย่างไร

อธิบายซะยืดยาวไปหน่อย ไม่รู้ว่าอ่านแล้วจะเข้าใจมากขึ้น หรือ ว่าอ่านแล้วจะงงกันไปใหญ่อันนี้ก็ไม่รับประกันใด ๆ นะครับ เอาเป็นว่า โหลดโค้ดที่ทำไว้สำเร็จแล้วไปลองเทสกันดูให้เห็นเลยดีกว่า...

Tag! #Google Form Drop down List จังหวัด # google form—สร้าง drop-down list จากข้อมูลใน google sheet apps script # Google form drop down list from sheet # drop down list จังหวัด อําเภอ ตําบล excel # Google Form drop down list # Drop down list จังหวัด อำเภอ Excel # google form จังหวัด อําเภอ ตำบล # google form ขั้นสูง 2020 # รับค่าจาก drop down list php # ดึงข้อมูลจาก database มาแสดงใน select # เลือก drop down list แสดง textbox PHP # Select option PHP mysql # ดึงข้อมูลจาก database มาแสดงใน textbox php # ดึงข้อมูล เฉพาะ user php # php ดึงข้อมูลมาแสดง # select option จากฐานข้อมูล # ทํา google form เลือกจังหวัด # google form ดึงข้อมูลจาก google sheet # google form—สร้าง drop-down list จากข้อมูลใน google sheet # Excel จังหวัด อํา เภ อ ตํา บ ล # Google Form Drop down list จังหวัด อํา เภ อ # Access combobox เลือกจังหวัด อำเภอ ตำบล # Database จังหวัด อํา เภ อ ตํา บ ล 2021 # Google Sheet จังหวัด # Excel Drop down list ไม่ขึ้น # Drop down List พิมพ์ ได้ # JSON จังหวัด ประเทศไทย # api จังหวัด อําเภอ ตําบล รหัสไปรษณีย์ # API จังหวัด ประเทศไทย # ตํา บ ล อํา เภ อ จังหวัด # รายชื่อ ตํา บ ล ใน ประเทศไทย # จังหวัด อำเภอ ตำบล PHP # Autocomplete จังหวัด # MySQL จังหวัด อํา เภ อ ตํา บ ล # คำสั่ง Filter Access # การใช้ combobox Access # การสร้าง ฟอร์มค้นหาข้อมูล Access 2013 # กรองข้อมูลซ้ำ Access # กรองข้อมูล Access # เลือก list menu แล้วแสดง ข้อมูล PHP # JSON จังหวัด อำเภอ ตำบล # Dropdown จังหวัด อำเภอ # Select List เลือกจังหวัด อำเภอ ตำบล php mysql ajax jquery # drop down list จังหวัด อําเภอ google form # Autocomplete จังหวัด อํา เภ อ ตํา บ ล # php การทำ select list/menu จังหวัด อำเภอ ตำบล รหัสไปรษณีย์ jquery+ajax+php # drop down menu เลือกจังหวัด อำเภอ ตำบล ของ ประเทศไทย # ดึงข้อมูล drop down list php



โปรเจ็ค PHP Bootstrap Mysql +Modal ขั้นสูง