Download
เมื่อ Download เสร็จแล้วจะได้ไฟล์เหมือนในรูป โดยไฟล์ จะมีทั้งตัวอย่างฐานข้อมูล และไฟล์ตัวอย่างการใช้งาน jQeury Ajax ร่วมกับ Database ดังรูป
ตัวอย่างการใช้งาน jQuery Ajax เลือก จังหวัด อำเภอ ตำบล
ในการยกตัวอย่างการใช้งาน ผมจะขอนำเสนอในรูปแบบของการทำ jQuery Ajax รายชื่อจังหวัด อำเภอ ตำบล ของประเทศไทย (ลองใช้งานได้ ในกรอบด้านล่าง)
ตัวอย่างการใช้งาน
เริ่มที่ เรียกใช้งาน Javascript ใน Tag <header>....</header>
<script src="service/province.service.js" type="text/javascript"></script>
ส่วนนี้คือตัวอย่าง Code ในฝั่งของ HTML
<div class="container" style="margin-top: 25px;">
<div class="row">
<div class="col-lg-4">
<label class="control-label">จังหวัด</label>
<select class="form-control selectpicker" data-live-search="true" name="province" id="province" ></select>
</div>
<div class="col-lg-4">
<label class="control-label">อำเภอ/เขต</label>
<select class="form-control selectpicker" name="district" id="district" >
<option value="">เลือก</option>
</select>
</div>
<div class="col-lg-4">
<label class="control-label">ตำบล/แขวง</label>
<select class="form-control selectpicker" name="subdistrict" id="subdistrict">
<option value="">เลือก</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<label class="control-label">จังหวัด</label>
<select class="form-control selectpicker" data-live-search="true" name="province" id="province" ></select>
</div>
<div class="col-lg-4">
<label class="control-label">อำเภอ/เขต</label>
<select class="form-control selectpicker" name="district" id="district" >
<option value="">เลือก</option>
</select>
</div>
<div class="col-lg-4">
<label class="control-label">ตำบล/แขวง</label>
<select class="form-control selectpicker" name="subdistrict" id="subdistrict">
<option value="">เลือก</option>
</select>
</div>
</div>
</div>
ตัวอย่าง Code ด้านบน เมื่อคุณทำการเรียกใช้งานไฟล์ js province.service.js พร้อมทั้งสร้าง Form ที่มี Field จังหวัด อำเภอ ตำบล Service จะทำให้ Form ของคุณเลือก จังหวัด อำเอภ ตำบล ได้เองแบบอัตโนมัติ
ข้อสำคัญ
id ของ Selectbox จะต้องเหมือนกับตัวอย่าง service ถึงจะทำงานได้นะครับ ^ ^
