Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > การ search แบบ Autocomplete แล้วแสดงข้อมูลอื่นๆ ด้วย



 

การ search แบบ Autocomplete แล้วแสดงข้อมูลอื่นๆ ด้วย

 



Topic : 102673



โพสกระทู้ ( 2 )
บทความ ( 0 )



สถานะออฟไลน์




Autocomplete2
จากรูป
สามารถทำ autocomplete จากการ search Employee ID ได้แล้วค่ะ โดยใช้ jQuery มาช่วยค่ะ

แต่ปัญหาคือ ต้องการทำให้เมื่อเลือกแล้วให้ show ข้อมูลของชื่อและแผนกด้วย

จากโค้ดในส่วนแสดงผล index.php
Code (PHP)Code
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/jquery-ui-1.10.3.custom.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$( "#addEmpID" ).autocomplete({
source: "loadEmp.php",
minLength: 3,
});

});
</script>
<link rel="stylesheet" type="text/css" href="../css/mint-choc/jquery-ui-1.10.3.custom.css">
</head>

<body>
<form name="form1" method="post" action="">
<input type="text" id="addEmpID" name="addEmpID" style="width:80%" /><br>
<div id="nameEmp"></div>
<div id="deptEmp"></div>
</form>
</body></html>





และในส่วนที่ติดต่อกับฐานข้อมูล

Code


<?php 

	require_once('lib/connectDB.php');



	$empID = $_GET[term]; //Get ค่าที่เราพิมพ์ในช่องในหน้า index

	

	$data = array();

	

	$sql = "select * from tb_user

			where idEmployee like '%$empID%'

			order by idEmployee";

	$query = mysql_query($sql);

	$numRow = mysql_num_rows($query);

	

	if ($numRow==0){

		$data[] = array("label" => "Not found Data",

						"value" => "");

	}

	

	while($row = mysql_fetch_array($query)){

		$data[] = array("label" => $row["idEmployee"],

						"value" => $row["idEmployee"]);

	}

	

	$enct_data = json_encode($data); // การส่งค่าแบบ json

	flush();

	

	echo $enct_data;

	

?>




รบกวนผู้รู้ช่วยชีแนะด้วยนะคะ ขอบคุณล่วงหน้าคร้าา



Tag : PHP, MySQL, Ajax, jQuery
              
                

                


                

 
                
		  

                 

       		
          

          

            
		

ประวัติการแก้ไข
2013-11-14 16:12:48
2013-11-14 16:15:15
2013-11-14 16:17:14	
              
              

                

                  Move To Hilight (Stock) 
                  
Send To Friend.Bookmark.
                    

                  

                

            

          

          

            

              

                 
                 
                 
              

              

                 
                

                    

                      Date :
                          2013-11-14 16:09:57
                      By :
                          Pig_Gammon
                      View :
                          1437
                      Reply :
                          1
                    

                

                 
              

              

                 
                 
                 
              

            

          

          

            
			

			  


              

                
							
							

  


						
                
				
	
			

			
				
                
					  

					  

						
              



			

          

        

	    

		           

		
			
	

	

		
			
		 
		
			
		
			
	



              


  

          

       
                 

		
    

		
	  

        

           
           
           
           
        

        

           
                      

              

                

                   
                   
                   
                

                

                   
                  
                    

                      

                        

                          
                            
 

                              No. 1                              



                        

                                                

                          

                        

                        

                          
Guest

                        

                                                

                          

                        

                      

					  						  

                  

                   
                

                

                   
                   
                   
                

              

              

                                            

          

            

               
                 <input type="text" id="addEmpID" name="addEmpID" style="width:80%" onblur="this.form.submit();"/>//กด tab เพื่อ submit



ลอง print ค่า $_POST[addEmpID];



เอาค่าที่ได้ SELECT ก็จะได้  ข้อมูลของชื่อและแผนก
                                   



           
                  

                    

                      
 
                      

                    

                  

				  

             
                    



                          
               
              		
            

            

              
			                              

                

                  
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้

                

              

                              
              

                

                   
                   
                   
                

                

                   
                  

                      

                        Date :
                            2013-11-14 16:21:44
                        By :
                            สบายดี
                        

                  

                   
                

                

                   
                   
                   
                

              

            

          

			        		
           
        

        

           
           
           
           
        

      
   
	    
                      




  

 
                  

		  		
        

      

	 
	        		  
	
    		
  










  

     
   
  

  

    
      
      

                            

                              
ค้นหาข้อมูล

                              

                              
							  							

                              	  
								  
								  
								  		    					  
                                
                                                          

                            

    
 		
  





  



  

    
    
แสดงความคิดเห็น

    
      
 Re : 
        การ search แบบ Autocomplete แล้วแสดงข้อมูลอื่นๆ ด้วย     

    

    
  







  

     
    
  

  

     
    
รายละเอียด

  

  

    
    
      
      
      
      
      
      
    
  

  

     
    
	
	

                    

                      

  
    

      
				  
        	
        	ตัวหนา			
			ตัวเอียง
			ตัวขีดเส้นใต้
			ตัวมีขีดกลาง|
			ตัวเรืองแสง
			ตัวมีเงา
			ตัวอักษรวิ่ง|
			จัดย่อหน้าอิสระ
			จัดย่อหน้าชิดซ้าย
			จัดย่อหน้ากึ่งกลาง
			จัดย่อหน้าชิดขวา|
			เส้นขวาง|
			ขนาดตัวอักษร
			แบบตัวอักษร
        
       	  ใส่แฟลช
			ใส่รูป
			ใส่ไฮเปอร์ลิ้งค์
			ใส่อีเมล์
			ใส่ลิ้งค์ FTP|		  		  ใส่แถวของตาราง		  ใส่คอลัมน์ตาราง|
			ตัวยก
			ตัวห้อย
			ตัวพิมพ์ดีด|
			ใส่โค้ด		  
			ใส่การอ้างถึงคำพูด|
			ใส่ลีสต์
 
		    

              

                
                smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil: 
              

            

      		
    

    

      
    

  



                      
Insert PHP Code

                      
Insert ASP Code

                      Insert VB.NET Code
                      Insert C#.NET Code
                    Insert JavaScript Code
                      Insert C#.NET Code
                    

                    

                      
Insert Java Code

                      
Insert Android Code

                      
Insert Objective-C Code

                      
Insert XML Code

                      
Insert SQL Code

                      
Insert Code

                    

      


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


	 
                          

                              อัพโหลดแทรกรูปภาพ                          

             	
	
Notice
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ 

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

			
  

  

     
     
  

  

     
    เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
  

  

     
    
  






  

    
    
โดย

    
      

        
    

    

    
  





  

    
    
อีเมล์

    
      

        
    

    

    
  





  

    
    
บวกค่าให้ถูก

    
      

      
		        

		
        
    <= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก) 

    

    
  











  

    
  





    

      

        

          
          
          

              
              
              

         
              
            

      

    


	


              

            



		
    

      

         
      

      

        
		

		


      


		

	    		
      

    



  

    

        Exchange:  
		นำเข้าสินค้าจากจีน,  
		Taobao,  
		เฟอร์นิเจอร์,  
		ของพรีเมี่ยม,  
		ร่ม,  
		ปากกา,  
		power bank,  
		แฟลชไดร์ฟ,  
		กระบอกน้ำ
    

  








 Load balance : Server 00


  

    

        

          
   ThaiCreate.Com Logo

            
					
					
                    
 © www.ThaiCreate.Com. 2003-2024 All Rights Reserved. 

ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)

 [Conditions Privacy Statement]
              ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่