https://cric.coj.go.th/th/content/category/articles/id/4/cid/4282/ RSS Feed | ศาลจังหวัดเชียงราย th https://cric.coj.go.th/th/content/category/detail/id/4/cid/4282/iid/161234/ <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet" /> <style type="text/css">/* บังคับใช้ Font DBHelvethaicaX ให้ครอบคลุมทุกอิลิเมนต์เพื่อสู้กับ CMS ของเว็บหลัก */ * { font-family: "DBHelvethaicaX", "Helvetica Neue", Helvetica, Arial, "Sarabun", sans-serif !important; } body { background-color: transparent; } /* Custom scrollbar for table */ .table-container::-webkit-scrollbar { width: 8px; height: 8px; } .table-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .table-container::-webkit-scrollbar-thumb { background: #a7f3d0; border-radius: 4px; } .table-container::-webkit-scrollbar-thumb:hover { background: #34d399; } </style> <div class="w-full bg-white rounded-lg shadow-sm overflow-hidden border border-gray-200" style="width: 100%;"><!-- Header Section --> <div class="bg-gradient-to-r from-[#0d9446] to-[#14b85c] p-4 md:p-6 text-white flex flex-col md:flex-row items-center gap-4 w-full"> <div class="bg-white p-3 rounded-full shadow-md shrink-0 flex items-center justify-center"><svg class="w-10 h-10 text-[#0d9446]" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path> <path d="M12 8v4"></path> <path d="M12 16h.01"></path> </svg></div> <div class="text-center md:text-left w-full"><!-- ขยายขนาดอักษรส่วนหัว --> <h1 class="font-bold mb-1 !text-[36px] !leading-[44px]" style="font-size: 36px !important;">ระบบค้นหาอัตราค่าส่งหมาย</h1> <h2 class="font-medium text-green-100 !text-[26px] !leading-[34px]" style="font-size: 26px !important;">ศาลจังหวัดเชียงราย</h2> <p class="text-green-200 mt-1 !text-[20px]" style="font-size: 20px !important;">อ้างอิงประกาศ ณ วันที่ ๘ มิถุนายน ๒๕๖๙ (มีผล ๑ ก.ค. ๒๕๖๙)</p> </div> </div> <!-- Search Section --> <div class="p-4 md:p-6 bg-green-50/50 border-b border-green-100 w-full"> <div class="grid grid-cols-1 md:grid-cols-3 gap-4 w-full"><!-- District Select --> <div><label class="block font-semibold text-gray-700 mb-2 !text-[22px]" for="district" style="font-size: 22px !important;">อำเภอ</label> <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#0d9446] focus:border-[#0d9446] outline-none transition shadow-sm cursor-pointer !text-[22px]" id="district" style="font-size: 22px !important;"><option value="">-- ทุกอำเภอ --</option> </select></div> <!-- Sub-district Select --> <div><label class="block font-semibold text-gray-700 mb-2 !text-[22px]" for="subdistrict" style="font-size: 22px !important;">ตำบล</label> <select class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#0d9446] focus:border-[#0d9446] outline-none transition shadow-sm cursor-pointer disabled:bg-gray-100 !text-[22px]" disabled="disabled" id="subdistrict" style="font-size: 22px !important;"><option value="">-- ทุกตำบล --</option> </select></div> <!-- Village Input --> <div><label class="block font-semibold text-gray-700 mb-2 !text-[22px]" for="village" style="font-size: 22px !important;">ค้นหาหมู่บ้าน (เลขหมู่)</label> <input class="w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[#0d9446] focus:border-[#0d9446] outline-none transition shadow-sm !text-[22px]" id="village" placeholder="เช่น 1, 5, 12" style="font-size: 22px !important;" type="text" /></div> </div> <div class="mt-5 flex justify-end"><button class="px-5 py-2.5 bg-white border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition shadow-sm font-medium !text-[20px]" id="resetBtn" style="font-size: 20px !important;">ล้างการค้นหา</button></div> </div> <!-- Results Section --> <div class="p-0 table-container overflow-x-auto w-full"> <table class="w-full text-left border-collapse" style="width: 100%;"> <thead> <tr class="bg-gray-100 text-gray-700 border-b-2 border-gray-200"> <th class="p-4 font-semibold !text-[22px]" style="width: 15%; font-size: 22px !important;">อำเภอ</th> <th class="p-4 font-semibold !text-[22px]" style="width: 15%; font-size: 22px !important;">ตำบล</th> <th class="p-4 font-semibold !text-[22px]" style="width: 25%; font-size: 22px !important;">หมู่ที่</th> <th class="p-4 font-semibold text-right !text-[22px]" style="width: 15%; font-size: 22px !important;">อัตรา (บาท)</th> <th class="p-4 font-semibold !text-[22px]" style="width: 30%; font-size: 22px !important;">หมายเหตุ</th> </tr> </thead> <tbody class="divide-y divide-gray-200 bg-white text-gray-800" id="resultsBody"><!-- Data will be populated here via JavaScript --> </tbody> </table> <div class="hidden p-8 text-center text-gray-500 w-full" id="noResults"><svg class="mx-auto h-12 w-12 text-gray-400 mb-3" fill="none" stroke="currentColor" viewbox="0 0 24 24"> <path d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path> </svg> <p class="font-medium !text-[24px]" style="font-size: 24px !important;">ไม่พบข้อมูลที่ค้นหา</p> <p class="!text-[20px]" style="font-size: 20px !important;">โปรดลองปรับเปลี่ยนคำค้นหาใหม่</p> </div> </div> <!-- Rules Section --> <div class="bg-gray-50 p-4 md:p-6 border-t border-gray-200 w-full"> <h3 class="font-bold text-gray-800 mb-4 flex items-center gap-2 !text-[26px]" style="font-size: 26px !important;"><svg class="w-6 h-6 text-red-600" fill="currentColor" viewbox="0 0 20 20"><path clip-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" fill-rule="evenodd"></path></svg> หมายเหตุเพิ่มเติม</h3> <ul class="text-gray-700 space-y-3 list-decimal list-inside !text-[22px] !leading-[34px]" style="font-size: 22px !important;"> <li>กรณีผู้รับหมายหลายคน อยู่บ้านเลขที่เดียวกันหมู่เดียวกัน <span class="font-semibold text-gray-900">ให้คิดอัตรานำส่งเดียว (ไม่เก็บเพิ่ม)</span></li> <li>กรณีผู้รับหมายหลายคน อยู่หมู่บ้านเดียวกันแต่คนละบ้านเลขที่ <span class="font-semibold text-red-600">ให้เรียกเพิ่มบ้านเลขที่ละ 100 บาท</span></li> <li>กรณีผู้รับหมายหลายคน อยู่ตำบลเดียวกันแต่คนละหมู่บ้าน <span class="font-semibold text-gray-800">ให้คิดเป็นรายหมาย</span></li> <li>กรณีผู้รับหมายหลายคน อยู่คนละตำบล <span class="font-semibold text-gray-800">ให้คิดเป็นรายหมาย</span></li> <li>กรณีปิดประกาศต่างๆ ณ ภูมิลำเนาและชุมชน และส่งสำเนาคำร้องคดีไม่มีข้อพิพาท <span class="font-semibold text-gray-800">ให้คิดเพิ่มเป็นอีก 1 หมาย</span></li> <li>คดีผู้ร้องฝ่ายเดียวที่เกี่ยวกับทรัพย์ <span class="font-semibold text-gray-800">ให้ผู้ร้องวางค่าปิดประกาศศาล ณ สถานที่ตั้งทรัพย์ด้วย</span></li> <li><span class="font-bold text-red-600">*</span> หมายถึง สถานที่พิเศษ มีทางเข้าออกทางเดียว ภูมิประเทศเป็นภูเขาสูง เส้นทางทุรกันดาร อยู่ห่างจากหมู่บ้านอื่น แยกจากตัวอำเภอห่างไกลกว่าปกติ เดินทางไม่สะดวก หรือหมู่บ้านชาวเขามีความเสี่ยงสูง รวมถึงเป็นหมู่บ้านบริวาร ไม่สามารถกำหนดระยะทางที่ชัดเจนได้</li> </ul> </div> </div> <script> // Data parsed from PDF OCR text const feeData = [ // อำเภอเมืองเชียงราย { district: "เมืองเชียงราย", subdistrict: "เวียง", villages: "ทุกหมู่บ้าน", fee: 450, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "รอบเวียง", villages: "หมู่ที่ 1-26", fee: 600, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "นางแล", villages: "หมู่ที่ 1, 4-5, 13, 16", fee: 700, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "นางแล", villages: "หมู่ที่ 2-3, 6-12, 14, 15, 17", fee: 900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "บ้านดู่", villages: "หมู่ที่ 1-12, 14-20", fee: 600, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "บ้านดู่", villages: "หมู่ที่ 13", fee: 700, remark: "* พื้นที่สูง - ห่างไกล" }, { district: "เมืองเชียงราย", subdistrict: "แม่ข้าวต้ม", villages: "หมู่ที่ 1-7, 10, 12-13, 15-20, 22-23", fee: 900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่ข้าวต้ม", villages: "หมู่ที่ 8-9, 11, 14, 21", fee: 1050, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่กรณ์", villages: "หมู่ที่ 1-8", fee: 900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่กรณ์", villages: "หมู่ที่ 9-12", fee: 1050, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่กรณ์", villages: "หมู่ที่ 13", fee: 1200, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่ยาว", villages: "หมู่ที่ 1-2, 9-10, 14, 16-17", fee: 1050, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่ยาว", villages: "หมู่ที่ 3-8", fee: 900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่ยาว", villages: "หมู่ที่ 11, 19", fee: 1200, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่ยาว", villages: "หมู่ที่ 12-13, 15, 20", fee: 2000, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "แม่ยาว", villages: "หมู่ที่ 18", fee: 1900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "สันทราย", villages: "หมู่ที่ 1-5, 7-12", fee: 650, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "สันทราย", villages: "หมู่ที่ 6, 13", fee: 650, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ห้วยสัก", villages: "หมู่ที่ 1-30", fee: 900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ห้วยสัก", villages: "หมู่ที่ 31", fee: 1400, remark: "* พื้นที่สูง - ไกล" }, { district: "เมืองเชียงราย", subdistrict: "ห้วยชมภู", villages: "หมู่ที่ 1-3, 5-8, 11, 13", fee: 2200, remark: "* พื้นที่สูง - ไกล" }, { district: "เมืองเชียงราย", subdistrict: "ห้วยชมภู", villages: "หมู่ที่ 4, 9, 10, 12", fee: 2350, remark: "* พื้นที่สูง - ไกล" }, { district: "เมืองเชียงราย", subdistrict: "ดอยลาน", villages: "หมู่ที่ 1-22", fee: 1050, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ริมกก", villages: "หมู่ที่ 1-6", fee: 700, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ริมกก", villages: "หมู่ที่ 7", fee: 700, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ป่าอ้อดอนชัย", villages: "หมู่ที่ 1-13", fee: 900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ป่าอ้อดอนชัย", villages: "หมู่ที่ 14-18", fee: 1050, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ป่าอ้อดอนชัย", villages: "หมู่ที่ 19-21", fee: 1000, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ท่าสาย", villages: "หมู่ที่ 1-13", fee: 700, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ดอยฮาง", villages: "หมู่ที่ 1-3", fee: 800, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ดอยฮาง", villages: "หมู่ที่ 4-5", fee: 900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ดอยฮาง", villages: "หมู่ที่ 6, 8", fee: 1050, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ดอยฮาง", villages: "หมู่ที่ 7", fee: 1300, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ท่าสุด", villages: "หมู่ที่ 1-4", fee: 700, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ท่าสุด", villages: "หมู่ที่ 5, 8", fee: 900, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ท่าสุด", villages: "หมู่ที่ 6-7", fee: 1050, remark: "" }, { district: "เมืองเชียงราย", subdistrict: "ท่าสุด", villages: "หมู่ที่ 9-11", fee: 800, remark: "" }, // อำเภอเวียงชัย { district: "เวียงชัย", subdistrict: "ผางาม", villages: "หมู่ที่ 1-15", fee: 1050, remark: "" }, { district: "เวียงชัย", subdistrict: "เวียงชัย", villages: "หมู่ที่ 1-20", fee: 700, remark: "" }, { district: "เวียงชัย", subdistrict: "เวียงเหนือ", villages: "หมู่ที่ 1-12", fee: 700, remark: "" }, { district: "เวียงชัย", subdistrict: "ดอนศิลา", villages: "หมู่ที่ 1-17", fee: 900, remark: "" }, { district: "เวียงชัย", subdistrict: "เมืองชุม", villages: "หมู่ที่ 1-11", fee: 700, remark: "" }, // อำเภอเวียงเชียงรุ้ง { district: "เวียงเชียงรุ้ง", subdistrict: "ทุ่งก่อ", villages: "หมู่ที่ 1-15", fee: 1050, remark: "" }, { district: "เวียงเชียงรุ้ง", subdistrict: "ป่าซาง", villages: "หมู่ที่ 1-16", fee: 1200, remark: "" }, { district: "เวียงเชียงรุ้ง", subdistrict: "ดงมหาวัน", villages: "หมู่ที่ 1-12", fee: 1200, remark: "" }, // อำเภอดอยหลวง { district: "ดอยหลวง", subdistrict: "ปงน้อย", villages: "หมู่ที่ 1-11", fee: 1200, remark: "" }, { district: "ดอยหลวง", subdistrict: "หนองป่าก่อ", villages: "หมู่ที่ 1-10", fee: 1200, remark: "" }, { district: "ดอยหลวง", subdistrict: "โชคชัย", villages: "หมู่ที่ 1-12", fee: 1200, remark: "" }, // อำเภอแม่จัน { district: "แม่จัน", subdistrict: "แม่จัน", villages: "หมู่ที่ 1-14", fee: 1050, remark: "" }, { district: "แม่จัน", subdistrict: "ท่าข้าวเปลือก", villages: "หมู่ที่ 1-14", fee: 1200, remark: "" }, { district: "แม่จัน", subdistrict: "ป่าซาง", villages: "หมู่ที่ 1-15", fee: 1050, remark: "" }, { district: "แม่จัน", subdistrict: "แม่คำ", villages: "หมู่ที่ 1-14", fee: 1200, remark: "" }, { district: "แม่จัน", subdistrict: "สันทราย", villages: "หมู่ที่ 1-11", fee: 1050, remark: "" }, { district: "แม่จัน", subdistrict: "ป่าตึง", villages: "หมู่ที่ 1-8, 10-14, 16-17", fee: 1050, remark: "" }, { district: "แม่จัน", subdistrict: "ป่าตึง", villages: "หมู่ที่ 9, 15, 18-20", fee: 1750, remark: "" }, { district: "แม่จัน", subdistrict: "ป่าตึง", villages: "หมู่ที่ 19", fee: 2000, remark: "* พื้นที่สูง - ไกล" }, { district: "แม่จัน", subdistrict: "จันจว้าใต้", villages: "หมู่ที่ 1-12", fee: 1050, remark: "" }, { district: "แม่จัน", subdistrict: "ศรีค้ำ", villages: "หมู่ที่ 1-8, 10", fee: 1050, remark: "" }, { district: "แม่จัน", subdistrict: "ศรีค้ำ", villages: "หมู่ที่ 9", fee: 1200, remark: "" }, { district: "แม่จัน", subdistrict: "แม่ไร่", villages: "หมู่ที่ 1-9", fee: 1050, remark: "" }, { district: "แม่จัน", subdistrict: "จอมสวรรค์", villages: "หมู่ที่ 1-10", fee: 1050, remark: "" }, { district: "แม่จัน", subdistrict: "จันจว้า", villages: "หมู่ที่ 1-11", fee: 1200, remark: "" }, // อำเภอเชียงแสน { district: "เชียงแสน", subdistrict: "เวียง", villages: "หมู่ที่ 1, 4", fee: 1300, remark: "" }, { district: "เชียงแสน", subdistrict: "เวียง", villages: "หมู่ที่ 2-3, 5-9", fee: 1200, remark: "" }, { district: "เชียงแสน", subdistrict: "บ้านแซว", villages: "หมู่ที่ 1-3, 5-8, 10, 14-15", fee: 1300, remark: "" }, { district: "เชียงแสน", subdistrict: "บ้านแซว", villages: "หมู่ที่ 4, 9, 11-13", fee: 1900, remark: "" }, { district: "เชียงแสน", subdistrict: "ศรีดอนมูล", villages: "หมู่ที่ 1-6, 8-13", fee: 1300, remark: "* พื้นที่ไกล - สูง" }, { district: "เชียงแสน", subdistrict: "ศรีดอนมูล", villages: "หมู่ที่ 7", fee: 1400, remark: "" }, { district: "เชียงแสน", subdistrict: "ป่าสัก", villages: "หมู่ที่ 1-13", fee: 1200, remark: "" }, { district: "เชียงแสน", subdistrict: "แม่เงิน", villages: "หมู่ที่ 1-12", fee: 1900, remark: "" }, { district: "เชียงแสน", subdistrict: "โยนก", villages: "หมู่ที่ 1-9", fee: 1300, remark: "" }, // อำเภอแม่สาย { district: "แม่สาย", subdistrict: "แม่สาย", villages: "หมู่ที่ 1-13", fee: 1050, remark: "" }, { district: "แม่สาย", subdistrict: "เกาะช้าง", villages: "หมู่ที่ 1-13", fee: 1200, remark: "" }, { district: "แม่สาย", subdistrict: "โป่งผา", villages: "หมู่ที่ 1-12", fee: 1050, remark: "" }, { district: "แม่สาย", subdistrict: "ห้วยไคร้", villages: "หมู่ที่ 1-3, 5-7, 10-11", fee: 1050, remark: "" }, { district: "แม่สาย", subdistrict: "ห้วยไคร้", villages: "หมู่ที่ 4, 8-9", fee: 1200, remark: "" }, { district: "แม่สาย", subdistrict: "ศรีเมืองชุม", villages: "หมู่ที่ 1-2, 4, 7-9", fee: 1200, remark: "" }, { district: "แม่สาย", subdistrict: "ศรีเมืองชุม", villages: "หมู่ที่ 3, 5-6", fee: 1300, remark: "" }, { district: "แม่สาย", subdistrict: "เวียงพางคำ", villages: "หมู่ที่ 1-5, 8-10", fee: 1050, remark: "" }, { district: "แม่สาย", subdistrict: "เวียงพางคำ", villages: "หมู่ที่ 6-7", fee: 2000, remark: "* พื้นที่สูง - ไกล" }, { district: "แม่สาย", subdistrict: "บ้านด้าย", villages: "หมู่ที่ 1-8", fee: 1200, remark: "" }, { district: "แม่สาย", subdistrict: "โป่งงาม", villages: "หมู่ที่ 1-9, 12", fee: 1050, remark: "" }, { district: "แม่สาย", subdistrict: "โป่งงาม", villages: "หมู่ที่ 10-11", fee: 2000, remark: "* พื้นที่สูง - ไกล" }, // อำเภอแม่ฟ้าหลวง { district: "แม่ฟ้าหลวง", subdistrict: "เทอดไทย", villages: "หมู่ที่ 1", fee: 1750, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "เทอดไทย", villages: "หมู่ที่ 2, 10, 13-15, 17-18", fee: 2000, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "เทอดไทย", villages: "หมู่ที่ 3", fee: 1900, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "เทอดไทย", villages: "หมู่ที่ 4-9, 11, 16", fee: 2350, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "เทอดไทย", villages: "หมู่ที่ 12, 19", fee: 2600, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่สลองใน", villages: "หมู่ที่ 1-2, 5, 8, 10-13, 15-18", fee: 1650, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่สลองใน", villages: "หมู่ที่ 3, 19, 25-28", fee: 1750, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่สลองใน", villages: "หมู่ที่ 4, 23", fee: 2600, remark: "* พื้นที่สูง - ไกล" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่สลองใน", villages: "หมู่ที่ 6-7, 22, 24", fee: 1300, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่สลองใน", villages: "หมู่ที่ 9, 14, 20-21", fee: 2000, remark: "* พื้นที่สูง - ไกล" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่สลองนอก", villages: "หมู่ที่ 1-4, 6, 12-13", fee: 1750, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่สลองนอก", villages: "หมู่ที่ 5, 7-11", fee: 2000, remark: "* พื้นที่สูง - ไกล" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่ฟ้าหลวง", villages: "หมู่ที่ 1-2, 14, 17-18", fee: 1200, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่ฟ้าหลวง", villages: "หมู่ที่ 3-9, 13, 15", fee: 1750, remark: "" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่ฟ้าหลวง", villages: "หมู่ที่ 10-11", fee: 2000, remark: "* พื้นที่สูง - ไกล" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่ฟ้าหลวง", villages: "หมู่ที่ 16", fee: 2600, remark: "* พื้นที่สูง - ไกล" }, { district: "แม่ฟ้าหลวง", subdistrict: "แม่ฟ้าหลวง", villages: "หมู่ที่ 12, 19", fee: 2900, remark: "* พื้นที่สูง - ไกล" }, // อำเภอแม่ลาว { district: "แม่ลาว", subdistrict: "ดงมะดะ", villages: "หมู่ที่ 1-19", fee: 1050, remark: "" }, { district: "แม่ลาว", subdistrict: "จอมหมอกแก้ว", villages: "หมู่ที่ 1-11", fee: 900, remark: "" }, { district: "แม่ลาว", subdistrict: "บัวสลี", villages: "หมู่ที่ 1-12", fee: 900, remark: "" }, { district: "แม่ลาว", subdistrict: "ป่าก่อดำ", villages: "หมู่ที่ 1-12", fee: 900, remark: "" }, { district: "แม่ลาว", subdistrict: "โป่งแพร่", villages: "หมู่ที่ 1-9", fee: 900, remark: "" }, // อำเภอพาน { district: "พาน", subdistrict: "เมืองพาน", villages: "หมู่ที่ 1-5, 7-25", fee: 1050, remark: "" }, { district: "พาน", subdistrict: "เมืองพาน", villages: "หมู่ที่ 6", fee: 1200, remark: "* พื้นที่สูง - ไกล" }, { district: "พาน", subdistrict: "เจริญเมือง", villages: "หมู่ที่ 1-10, 12, 14-15, 17-22", fee: 1050, remark: "" }, { district: "พาน", subdistrict: "เจริญเมือง", villages: "หมู่ที่ 11, 13-16", fee: 1200, remark: "" }, { district: "พาน", subdistrict: "ป่าทุ่ง", villages: "หมู่ที่ 1-6, 9-11, 13-14, 16-18", fee: 1200, remark: "" }, { district: "พาน", subdistrict: "ป่าทุ่ง", villages: "หมู่ที่ 12, 15", fee: 1300, remark: "* พื้นที่สูง - ไกล" }, { district: "พาน", subdistrict: "ป่าทุ่ง", villages: "หมู่ที่ 7-8", fee: 2350, remark: "* พื้นที่สูง - ไกล" }, { district: "พาน", subdistrict: "ทรายขาว", villages: "หมู่ที่ 1-17", fee: 1050, remark: "" }, { district: "พาน", subdistrict: "แม่เย็น", villages: "หมู่ที่ 1-11", fee: 1300, remark: "" }, { district: "พาน", subdistrict: "แม่อ้อ", villages: "หมู่ที่ 1-20", fee: 1300, remark: "" }, { district: "พาน", subdistrict: "สันมะเค็ด", villages: "หมู่ที่ 1-21", fee: 1300, remark: "" }, { district: "พาน", subdistrict: "หัวง้ม", villages: "หมู่ที่ 1-8, 10-13", fee: 1200, remark: "" }, { district: "พาน", subdistrict: "หัวง้ม", villages: "หมู่ที่ 9", fee: 1300, remark: "" }, { district: "พาน", subdistrict: "ดอยงาม", villages: "หมู่ที่ 1-14", fee: 1200, remark: "" }, { district: "พาน", subdistrict: "ม่วงคำ", villages: "หมู่ที่ 1-17", fee: 1200, remark: "" }, { district: "พาน", subdistrict: "ธารทอง", villages: "หมู่ที่ 1-11", fee: 1050, remark: "" }, { district: "พาน", subdistrict: "สันติสุข", villages: "หมู่ที่ 1-9", fee: 1050, remark: "" }, { district: "พาน", subdistrict: "ทานตะวัน", villages: "หมู่ที่ 1-12", fee: 1300, remark: "" }, { district: "พาน", subdistrict: "เวียงห้าว", villages: "หมู่ที่ 1-8", fee: 1300, remark: "" }, { district: "พาน", subdistrict: "สันกลาง", villages: "หมู่ที่ 1-9, 11, 14-18", fee: 1200, remark: "" }, { district: "พาน", subdistrict: "สันกลาง", villages: "หมู่ที่ 10, 12-13", fee: 1300, remark: "" }, // อำเภอแม่สรวย { district: "แม่สรวย", subdistrict: "แม่สรวย", villages: "หมู่ที่ 1-5, 14, 16-17", fee: 1200, remark: "" }, { district: "แม่สรวย", subdistrict: "แม่สรวย", villages: "หมู่ที่ 6-13", fee: 1450, remark: "" }, { district: "แม่สรวย", subdistrict: "ท่าก๊อ", villages: "หมู่ที่ 1-7, 21", fee: 1200, remark: "" }, { district: "แม่สรวย", subdistrict: "ท่าก๊อ", villages: "หมู่ที่ 10, 12-14, 20, 22", fee: 1350, remark: "" }, { district: "แม่สรวย", subdistrict: "ท่าก๊อ", villages: "หมู่ที่ 8-9, 11, 15-19, 23-27", fee: 2200, remark: "" }, { district: "แม่สรวย", subdistrict: "ป่าแดด", villages: "หมู่ที่ 1-8, 10, 12-17, 19", fee: 1200, remark: "" }, { district: "แม่สรวย", subdistrict: "ป่าแดด", villages: "หมู่ที่ 22", fee: 1450, remark: "" }, { district: "แม่สรวย", subdistrict: "ป่าแดด", villages: "หมู่ที่ 9, 11, 18, 20-21", fee: 1750, remark: "" }, { district: "แม่สรวย", subdistrict: "แม่พริก", villages: "หมู่ที่ 1-3, 8, 10, 12", fee: 1200, remark: "" }, { district: "แม่สรวย", subdistrict: "แม่พริก", villages: "หมู่ที่ 4-7, 9, 11, 13", fee: 1450, remark: "" }, { district: "แม่สรวย", subdistrict: "ศรีถ้อย", villages: "หมู่ที่ 1-3, 7-8, 10, 12", fee: 1450, remark: "" }, { district: "แม่สรวย", subdistrict: "ศรีถ้อย", villages: "หมู่ที่ 4-6", fee: 1800, remark: "" }, { district: "แม่สรวย", subdistrict: "ศรีถ้อย", villages: "หมู่ที่ 9, 11", fee: 1950, remark: "" }, { district: "แม่สรวย", subdistrict: "เจดีย์หลวง", villages: "หมู่ที่ 1-8, 10, 12", fee: 1200, remark: "" }, { district: "แม่สรวย", subdistrict: "เจดีย์หลวง", villages: "หมู่ที่ 9, 11", fee: 1750, remark: "" }, { district: "แม่สรวย", subdistrict: "วาวี", villages: "หมู่ที่ 1-27", fee: 2200, remark: "" }, // อำเภอเวียงป่าเป้า { district: "เวียงป่าเป้า", subdistrict: "เวียง", villages: "หมู่ที่ 1-7, 10-12", fee: 1450, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "เวียง", villages: "หมู่ที่ 8", fee: 2400, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "เวียง", villages: "หมู่ที่ 9", fee: 2200, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "บ้านโป่ง", villages: "หมู่ที่ 1-6", fee: 1450, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "บ้านโป่ง", villages: "หมู่ที่ 7", fee: 1800, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "ป่างิ้ว", villages: "หมู่ที่ 1-6, 9, 11-16", fee: 1450, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "ป่างิ้ว", villages: "หมู่ที่ 7-8, 10", fee: 2400, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "แม่เจดีย์", villages: "หมู่ที่ 1-6, 10-12, 14-16", fee: 1600, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "แม่เจดีย์", villages: "หมู่ที่ 7", fee: 1950, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "แม่เจดีย์", villages: "หมู่ที่ 9", fee: 2400, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "แม่เจดีย์", villages: "หมู่ที่ 8, 13", fee: 2200, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "แม่เจดีย์ใหม่", villages: "หมู่ที่ 1-6, 9-11, 13-14", fee: 1750, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "แม่เจดีย์ใหม่", villages: "หมู่ที่ 7-8, 12", fee: 2200, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "สันสลี", villages: "หมู่ที่ 1-6, 9-10, 12", fee: 1350, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "สันสลี", villages: "หมู่ที่ 7-8, 11, 13", fee: 2200, remark: "" }, { district: "เวียงป่าเป้า", subdistrict: "เวียงกาหลง", villages: "หมู่ที่ 1-15", fee: 1600, remark: "" } ]; const districtSelect = document.getElementById('district'); const subdistrictSelect = document.getElementById('subdistrict'); const villageInput = document.getElementById('village'); const resultsBody = document.getElementById('resultsBody'); const noResults = document.getElementById('noResults'); const resetBtn = document.getElementById('resetBtn'); // Extract unique districts const districts = [...new Set(feeData.map(item => item.district))].sort(); districts.forEach(district => { const option = document.createElement('option'); option.value = district; option.textContent = "อ." + district; districtSelect.appendChild(option); }); // Event: On District Change districtSelect.addEventListener('change', (e) => { const selectedDistrict = e.target.value; subdistrictSelect.innerHTML = '<option value="">-- ทุกตำบล --</option>'; if (selectedDistrict) { // Filter subdistricts for selected district const subdistricts = [...new Set(feeData .filter(item => item.district === selectedDistrict) .map(item => item.subdistrict))].sort(); subdistricts.forEach(sub => { const option = document.createElement('option'); option.value = sub; option.textContent = "ต." + sub; subdistrictSelect.appendChild(option); }); subdistrictSelect.disabled = false; } else { subdistrictSelect.disabled = true; } filterAndRender(); }); // Add event listeners for triggering search subdistrictSelect.addEventListener('change', filterAndRender); villageInput.addEventListener('input', filterAndRender); // Reset Button resetBtn.addEventListener('click', () => { districtSelect.value = ''; subdistrictSelect.innerHTML = '<option value="">-- ทุกตำบล --</option>'; subdistrictSelect.disabled = true; villageInput.value = ''; filterAndRender(); }); function formatCurrency(amount) { return new Intl.NumberFormat('th-TH').format(amount); } // Logic to check if a village number falls within a range (e.g. "1-26", "4, 6", "10-15") // Returns true if the user's searched number is potentially in the string function isVillageMatch(searchNum, villageStr) { if (!searchNum.trim()) return true; // Empty search means everything matches // Remove text and just keep numbers, commas, and hyphens const cleanStr = villageStr.replace(/[^0-9,\-]/g, ''); const parts = cleanStr.split(','); const targetNum = parseInt(searchNum, 10); if (isNaN(targetNum)) return false; for (let part of parts) { if (part.includes('-')) { const bounds = part.split('-'); if (bounds.length === 2) { const min = parseInt(bounds[0], 10); const max = parseInt(bounds[1], 10); if (targetNum >= min && targetNum <= max) return true; } } else { if (parseInt(part, 10) === targetNum) return true; } } // Fallback for strings like "ทุกหมู่บ้าน" if (villageStr.includes("ทุกหมู่") || villageStr.includes(searchNum)) return true; return false; } function filterAndRender() { const filterDist = districtSelect.value; const filterSub = subdistrictSelect.value; const filterVill = villageInput.value.trim(); const filteredData = feeData.filter(item => { const matchDist = filterDist === "" || item.district === filterDist; const matchSub = filterSub === "" || item.subdistrict === filterSub; const matchVill = filterVill === "" || isVillageMatch(filterVill, item.villages); return matchDist && matchSub && matchVill; }); renderTable(filteredData); } function renderTable(data) { resultsBody.innerHTML = ''; if (data.length === 0) { noResults.classList.remove('hidden'); } else { noResults.classList.add('hidden'); data.forEach((item, index) => { const tr = document.createElement('tr'); // Add subtle background for alternating rows if(index % 2 !== 0) tr.classList.add('bg-gray-50'); tr.classList.add('hover:bg-green-50', 'transition', 'duration-150'); // Highlight remarks logic let remarkHtml = item.remark ? `<span class="inline-block bg-red-100 text-red-700 px-3 py-1 rounded border border-red-200 !text-[18px] font-medium" style="font-size: 18px !important;">${item.remark}</span>` : `<span class="text-gray-400">-</span>`; // ปรับขนาด font ในตารางให้ใหญ่ขึ้นเป็น 22px tr.innerHTML = ` <td class="p-4 border-b border-gray-100 !text-[22px]" style="font-size: 22px !important;">${item.district}</td> <td class="p-4 border-b border-gray-100 !text-[22px]" style="font-size: 22px !important;">${item.subdistrict}</td> <td class="p-4 border-b border-gray-100 text-gray-700 !text-[22px]" style="font-size: 22px !important;">${item.villages}</td> <td class="p-4 border-b border-gray-100 text-right font-bold text-[#0d9446] !text-[22px]" style="font-size: 22px !important;">${formatCurrency(item.fee)}</td> <td class="p-4 border-b border-gray-100 !text-[22px]" style="font-size: 22px !important;">${remarkHtml}</td> `; resultsBody.appendChild(tr); }); } } // Initial render on page load filterAndRender(); </script>