показ изображений в результатах автозаполнения

Question

Я сохранил URL-адреса изображений в столбце B моей базы данных и надеюсь показать их в форме изображения в результатах автозаполнения. Я попытался составить код следующим образом, но он просто дает URL-адреса в текстовом формате. Что я могу сделать, чтобы решить эту проблему? Большое спасибо.

index.php

<script type="text/javascript"> 
       $(document).ready(function(){ 
        $("input[name='search']").autocomplete({ 
         source:'search.php', 
         minLength:1 
        }); 
       }); 
     </script> 

<input type="text" name="search" required/> 

search.php

$keyterms = $_GET['term']; 
$query = $database->query("SELECT * FROM table WHERE A LIKE '%".$keyterms."%' ORDER BY A ASC"); 
while ($row = $query->fetch_assoc()) { 
    $data[] = $row['B'];} 
echo json_encode($data); 

Answer 1

Что-то вроде этого:

$keyterms = $_GET['term']; 
$query = $database->query("SELECT * FROM table WHERE A LIKE '%".$keyterms."%' ORDER BY A ASC"); 
while ($row = $query->fetch_assoc()) { 
$data[] = '<a href="' . $row['B'] . '"></a>';} 
echo json_encode($data); 

Примечание: это не окончательное решение, но намекают на ваше решение.

Answer 2

Вы должны реализовать пользовательский вид для автозаполнения, проверьте здесь пример custom data and display autocomplete

Answer 3

You can have a label and a value when using autocomplete

$keyterms = $_GET['term']; 
$query = $database->query("SELECT * FROM table WHERE A LIKE '%".$keyterms."%' ORDER BY A ASC"); 
while ($row = $query->fetch_assoc()) { 
    $data[] = [ 
     'value' => $row['B'] 
     ,'label' => '<img src="' . $row['imgurl'] . '">' 
    ]; 
} 
echo json_encode($data); 

И страница должна просто справиться с этим