2010-11-30 2 views
1

나는 사용자로부터 2 개의 입력을 받아서 데이타베이스에 대한 조회를 실행하여 검색 결과를 표시하는 html/php 양식을 가지고있다. AJAX 호출을 사용하여 결과를 데이터베이스에서 검색하는 2 사용자 입력에 대해 자동 완성을 사용하려면 어떻게해야합니까?PHP 폼에 간단한 자동 완성기를 쓰려면 어떻게해야합니까?

+0

http://www.nodstrum.com/2007/09/19/autocompleter/ (여러 필드 MYDB = 데이터를 인출베이스)이 시도 –

답변

0

'enable-auto-complete'= 드롭 다운에 가능한 값 목록을 표시하면 같은 이름의 jquery 플러그인이 있습니다. 자바 스크립트 또는 Ajax와 함께 값 배열을 사용할 수 있습니다.

0

//demo_cities.php 
 
<?php 
 

 
\t $con=mysqli_connect("localhost","root","","auto"); 
 
\t 
 

 
\t $return_arr = array(); 
 

 
    $ac_term = "%".$_GET['term']."%"; 
 
    $query = "SELECT * FROM data where name like '$ac_term'"; 
 
    
 
\t $result=mysqli_query($con,$query); 
 
    
 
    while ($row = mysqli_fetch_row($result)) 
 
\t { 
 
     $row_array['label'] = $row[0]; 
 
     $row_array['price'] = $row[1]; 
 
      
 
     array_push($return_arr,$row_array); 
 
    } 
 

 
\t echo json_encode($return_arr); 
 

 
?>
//index.php 
 
</head> 
 

 
<body> 
 
<form method="post"> 
 
<fieldset> 
 
<p><label>Name: </label> 
 
<input type="text" id="name" name="name" /> <br /> 
 

 
<label>Price: </label> 
 
<input type="text" id="price" name="price" /> <br /></p> 
 
</fieldset> 
 
</form> 
 

 
<script> 
 
$(function() { 
 
\t $('#price').val(""); 
 
\t \t \t \t 
 
\t $("#name").autocomplete({ 
 
     \t source: "demo_cities.php", 
 
     minLength: 1, 
 
     select: function(event, ui) { 
 
      $('#price').val(ui.item.price); 
 
     }, 
 
\t \t response: function(event, ui) 
 
\t \t { 
 
\t \t \t $('#price').val(""); 
 
\t \t } 
 
    });  
 
}); 
 
</script> 
 
</body> 
 
</html>

관련 문제