PHPフォーム用の簡単な自動コンプリータを作成するにはどうすればよいですか？

私は、ユーザから2つの入力を受け取り、データベース上でクエリを実行することによって検索結果を表示するhtml/phpフォームを持っています。 AJAX呼び出しを使用して結果をデータベースから検索する2人のユーザー入力に対して自動補完を有効にする方法はありますか？PHPフォーム用の簡単な自動コンプリータを作成するにはどうすればよいですか？

出典

2010-11-30 Anonymous

http://www.nodstrum.com/2007/09/19/autocompleter/（複数のフィールドMYDB =データとフェッチデータベース）は、これを試してください –

'enable-auto-complete' =ドロップダウンに値のリストを表示すると、同じ名前のjqueryプラグインがあります。 javascriptやAjaxと組み合わせて値の配列を使うことができます。

出典

2010-11-30 11:06:11 Srisa

//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フォーム用の簡単な自動コンプリータを作成するにはどうすればよいですか？

答えて

関連する問題