如何爲php表單編寫簡單的自動完成器？

我有一個html/php格式，需要從用戶輸入2個，並通過在數據庫上運行查詢來顯示搜索結果。如何使用AJAX調用從數據庫中搜索結果的2個用戶輸入中啓用自動完成功能？如何爲php表單編寫簡單的自動完成器？

2010-11-30 Anonymous

http://www.nodstrum.com/2007/09/19/autocompleter/ – 2010-11-30 11:04:20

如果'enable-auto-complete'=在下拉列表中顯示一個可能的值列表，那麼就有一個jquery插件具有相同的名稱。您可以在JavaScript中使用一組值或與Ajax結合使用。

2010-11-30 11:06:11 Srisa

嘗試此（數據庫具有多個字段MYDB =數據提取）

//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>

來源

2015-03-22 05:38:41

如何爲php表單編寫簡單的自動完成器？

回答

相關問題