PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


สอบถามการใส่ค่า data-initval = จากการค้นหา Auto complete

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการใส่ค่า data-initval = จากการค้นหา Auto complete

สอบถามการใส่ค่า data-initval = จากการค้นหา Auto complete
https://www.ninenik.com/content.php?arti_id=209
ใช้ค้นหา ชื่อโรงงานจาก DB ได้ แสดงผลในฟอร์มได้ถูกต้อง

แต่งในส่วนของ อำเภอ ตำบล และ รหัสไปรณีย์ ไม่ถูกเลือก
<select id ="amphur_name" name="amphur_name" data-where="3" data-initval="1"  class="ajax_address form-control input-sm">
<option value="">-- เลือกอำเภอ/เขต --</option>
</select>

ขอถามว่าจะเอาค่าจากไหนมาใส่ data-initval="1"
ทดลองใช้ text box รับค่า id ="amphur_name" แสดงค่าที่ส่งมาถูกต้อง

if(id!=""){
                // ส่งค่าไปคิวรี่เพื่อเรียกข้อมูลเพิ่มเติมที่ต้องการ โดยใช้ ajax
                $.post("app/memjob/g_fulldata.php",{id:id},function(data){
                    if(data!=null && data.length>0){ // ถ้ามีข้อมูล
                            // นำข้อมูลไปแสดงใน textbox ที่่เตรียมไว้
                            $("#facCode").val(data[0].facCode);
                            $("#address").val(data[0].address);
                            $("#business").val(data[0].business);
                            $("#amphur_name").val(data[0].amphur);
                            $("#district_name").val(data[0].district);
                            $("#zipcode_name").val(data[0].zipcode);
                            $("#phone").val(data[0].phone);
                            $("#faX").val(data[0].fax);
                            $("#effluent").val(data[0].effluent);
                            $("#treatment").val(data[0].treatment);
                    }
                });
            }else{
                // ล้างค่ากรณีไม่มีการส่งค่า id ไปหรือไม่มีการเลือกจาก autocomplete
                $("#facCode").val("");
                $("#address").val("");
                $("#business").val("");
                $("#amphur_name").val(""); 
                $("#district_name").val(""); 
                $("#zipcode_name").val(""); 
                $("#phone").val(""); 
                $("#faX").val(""); 
                $("#effluent").val(""); 
                $("#treatment").val("");            
            }
        }


Takabe 58.11.25.xxx 17-06-2019 15:27:34

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 1
สังสัยว่า ค่าที่มา   $("#amphur_name").val(data[0].amphur); จะเขียนให้แสดงในรูปตัวแปรอย่างไรครับ


Takabe 58.11.25.xxx 17-06-2019 15:29
 ความคิดเห็นที่ 2
ไม่แน่ใจว่าเป็นการประยุกต์รวมกันของ 2 บทควาามด้านล่างหรือเปล่า
เพราะน่าจะต้องดูที่ภาพรวม และกำหนดการทำงานใหม่


บทความแนะนำที่เกี่ยวข้อง
สร้างฟังก์ชัน autocomplete ให้ใช้งานแบบง่าย ด้วย ajaxอ่าน 62,761
ประยุกต์การเลือก listbox มากกว่า 2 รายการ ที่สัมพันธ์กัน รองรับการแก้ไขอ่าน 5,167
Ninenik 122.155.47.xxx 17-06-2019
 ความคิดเห็นที่ 3
ใช่ครับ ผมประยุกต์จาก 2 บทความครับ
1. ค้นหาจากบทความ Auto complete
2. เลือก จังหวัด อำเภอ ตำบล จากบทความนี้
https://www.ninenik.com/%e0%b9%83%e0%b8%8a%e0%b9%89_ajax_%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%a2%e0%b8%b8%e0%b8%81%e0%b8%95%e0%b9%8c%e0%b8%94%e0%b8%b6%e0%b8%87%e0%b8%82%e0%b9%89%e0%b8%ad%e0%b8%a1%e0%b8%b9%e0%b8%a5_%e0%b8%88%e0%b8%b1%e0%b8%87%e0%b8%ab%e0%b8%a7%e0%b8%b1%e0%b8%94_%e0%b8%ad%e0%b8%b3%e0%b9%80%e0%b8%a0%e0%b8%ad_%e0%b8%95%e0%b8%b3%e0%b8%9a%e0%b8%a5_%e0%b8%a3%e0%b8%ab%e0%b8%b1%e0%b8%aa%e0%b9%84%e0%b8%9b%e0%b8%a3%e0%b8%a9%e0%b8%93%e0%b8%b5%e0%b8%a2%e0%b9%8c%e0%b9%83%e0%b8%99%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b9%80%e0%b8%97%e0%b8%a8%e0%b9%84%e0%b8%97%e0%b8%a2-684.html

ขอคำแนะนำหน่อยครับ ถ้าเป็นการแก้ไขไม่มีปัญหา ดึง ข้อมาใส่ใน data-initval="" ได้
แต่ถ้าจะ Add โดยให้ค้นหาขอมูลเก่าจาก DB ถ้าเลือก ก็ให้แสดงรายละเอียดที่อยู่
จังหวัด อำเภอ ตำบล รหัสไปรษณีย์ ครับ


Takabe 58.11.25.xxx 17-06-2019 21:15
 ความคิดเห็นที่ 4
เอาค่า id ที่สัมพันธ์กันจากการดึงจากฐานข้อมูล กำหนดเข้าไปใน data-initval
แล้วรันฟ่ังก์ชั่น  ด่านล่างซ้ำ
 
      // ลิสรายการแรกใช้ ajax ดึงรายการจังหวัดทั้งหมด 
      var dataSend={
          type_option:1
      };
     var targetObj="select#province_id";  
     loadOption("get_option.php",targetObj,dataSend);    
 
 
แนวทาง เช่น
 
 
if(id!=""){
                // ส่งค่าไปคิวรี่เพื่อเรียกข้อมูลเพิ่มเติมที่ต้องการ โดยใช้ ajax
                $.post("app/memjob/g_fulldata.php",{id:id},function(data){
                    if(data!=null && data.length>0){ // ถ้ามีข้อมูล
					
							$("#amphur_name").data("initval",data[0].amphur);
							
							// ลิสรายการแรกใช้ ajax ดึงรายการจังหวัดทั้งหมด 
							  var dataSend={
								  type_option:1
							  };
							 var targetObj="select#province_id";  
							 loadOption("get_option.php",targetObj,dataSend);    
	 
	 					
                            // นำข้อมูลไปแสดงใน textbox ที่่เตรียมไว้
                            $("#facCode").val(data[0].facCode);
                            $("#address").val(data[0].address);
                            $("#business").val(data[0].business);
                            $("#amphur_name").val(data[0].amphur);
                            $("#district_name").val(data[0].district);
 
 
ต้องประยุกต์ ปรับให้ถูกต้องเพิ่มเติมเอา 
 


Ninenik 122.155.47.xxx 17-06-2019