Предварительный просмотр функции AJAX в раскрывающемся списке

У меня возникла небольшая проблема с настройкой предварительного просмотра данных через AJAX. Мне удалось получить предварительный просмотр со следующим кодом, но я немного застрял в том, как действовать дальше. В следующем шаге отображается URL-адрес изображения, предоставленный из той же таблицы. Поскольку я довольно новичок в PHP и AJAX (особенно), я не получаю от этого кода больше. Вот как выглядит HTML:

PHP-логика:

$query = $conn->prepare("SELECT * FROM items WHERE user_id = $userID"); $query->execute(); 

Форма HTML:

 <div class="form-group"> <div id="results"></div> <form action="" method="post"> <label for="sel1">Selecteer uw items:</label> <select class="form-control" id="sel1"multiple> <?php while ($q = $query->fetch()){ echo '<option value="' . $q['id'] . '">' . $q['Beschrijving'] . '</option>'; } ?> </select> <button type="button" class="btn btn-success" name="submit">Toevoegen aan board</button> </form> </div> 

Сценарий Ajax / JS:

 <script type="text/javascript"> $("#sel1").on("change", function(){ function clearpost(){ $("#results").val(""); } var selected = $(this).val(); makeAjaxRequest(selected); function makeAjaxRequest(opts){ $.ajax({ type:"POST", data:{opts: opts}, url:"views/itemOverview.php", success:function(res){ $("#results").html("<p>Uw items : " + res + "</p>"); } }) } }) </script> 

Файл PHP:

 echo '<pre>'; print_r($_POST); echo '</pre>'; 

Это результат:

Множественный выбор из списка

Вся обратная связь очень ценится! С уважением