PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

ถ้าหากว่าต้องการให้ autocomplete สามารถดึงค่าอื่นมาแสดงได้ด้วยหลายๆๆค่าต้องทำยังไงค่ะ (ตามตัวอย่างค่ะ)

ถ้าหากว่าต้องการให้ autocomplete สามารถดึงค่าอื่นมาแสดงได้ด้วยหลายๆๆค่าต้องทำยังไงค่ะ (ตามตัวอย่างค่ะ)

ถ้าจะเขียน Code เพิ่มต้องแก้ส่วนไหนอ่ะค่ะ คือได้ ตัวอย่าง auto complete จาำก http://www.ninenik.com/content.php?arti_id=209 ใครที่พอรู้ช่วยชี้แนะให้หน่อยน่ะค่ะ ขอบคุณค่ะ ^^

 



โดย:  Nidnoiiz IP: 110.77.137.xxx วันที่: 22-11-2011 เวลา: 09:18:19

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

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


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


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 3

แง่ว - -  ใครก้อได้ช่วยชี้แนะหน่อยค่ะ  



โดย:  Nidnoiiz IP: 110.77.137.xxx วันที่: 23-11-2011 เวลา: 10:27:08
 ความคิดเห็นที่ 2

เอ้อ !!! คือลองดึงค่ามาแสดงแล้วไม่เกิดอะไรขึ้นเลยอ่ะค่ะ  แต่ว่าสามารถส่งค่ามาได้แล้ว  ค่ามันแสดงผ่าน alert ใช่เป่าค่ะ ไม่รู้จะประยุกต์ยังไงอ่ะ เพราะลองดึงค่าจากพารามิเตอร์ที่ส่งมาแล้วมันไม่ได้ ช่วยชี้แนะด้วยค่ะ ไม่รู้จะทำยังไง  - -"  



โดย:  Nidnoiiz IP: 110.77.137.xxx วันที่: 22-11-2011 เวลา: 14:22:16
 ความคิดเห็นที่ 1

 จากเนื้อหา http://www.ninenik.com/content.php?arti_id=209

 
ในไฟล์ gdata.php Code 
 
บรรทัด
 
echo "<li onselect="this.setText('$name').setValue('$id');">$display_name</li>";
 
 
เราสามารถเพิ่มฟังก์ชั่นต่อจากตัวเดิม ตัวอย่าง การเพิ่มฟังก์ชั่นเพิ่ม
 
เราจะเพิ่มฟังก์ชัน myfunction เข้าไป จะได้เป็น
 
echo "<li onselect="this.setText('$name').setValue('$id');this.myfunction('$data1','$data2','$data3');">$display_name</li>";   
 
 
$data1 $data2 และ $data3 คือค่าที่เราจะส่งกลับมา
 
จากนั้นให้ไปเพิ่มฟังก์ชัน ในส่วนของ Javascript Code
 
<script type="text/javascript">
function make_autocom(autoObj,showObj){
	var mkAutoObj=autoObj; 
	var mkSerValObj=showObj; 
	new Autocomplete(mkAutoObj, function() {
		this.setValue = function(id) {		
			document.getElementById(mkSerValObj).value = id;
		}
		if ( this.isModified )
			this.setValue("");
		if ( this.value.length < 1 && this.isNotClick ) 
			return ;	
		return "gdata.php?q=" +encodeURIComponent(this.value);
    });	
}	
 
// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("show_arti_topic","h_arti_id");
</script>
 
 
 
ตัวอย่างการเพิ่มฟังก์ชัน
 
<script type="text/javascript">
function make_autocom(autoObj,showObj){
	var mkAutoObj=autoObj; 
	var mkSerValObj=showObj; 
	new Autocomplete(mkAutoObj, function() {
		this.setValue = function(id) {		
			document.getElementById(mkSerValObj).value = id;
		}
		this.myfunction = function(data1,data2,data3){ // ที่เพิ่มเข้ามา
			alert(data1+"  "+data2+" "+data3);  // ที่เพิ่มเข้ามา
		}  // ที่เพิ่มเข้ามา
		if ( this.isModified )
			this.setValue("");
		if ( this.value.length < 1 && this.isNotClick ) 
			return ;	
		return "gdata.php?q=" +encodeURIComponent(this.value);
    });	
}	
 
// การใช้งาน
// make_autocom(" id ของ input ตัวที่ต้องการกำหนด "," id ของ input ตัวที่ต้องการรับค่า");
make_autocom("show_arti_topic","h_arti_id");
</script>
 
 
ให้ประยุกต์จากตัวอย่างการ alert ค่าข้อมูลที่ส่งมา เป็นการนำค่าไปแสดงในส่วนที่ต้องการ ตามความเข้าใจ


โดย:  Ninenik Narkdee IP: 27.130.165.xxx วันที่: 22-11-2011