javascript — динамический выпадающий список, основанный на значении автозаполнения
Я пытаюсь заполнить динамический выпадающий список, основанный на значении, которое пользователь вставил в предыдущее текстовое поле (автозаполнение). Таким образом, когда пользователь вставляет имя актера / актрисы в текстовое поле автозаполнения, выпадающий список будет заполнен список фильмов в котором этот актер играл.
Проблема:
Может ли кто-нибудь любезно сообщить мне, в чем проблема с этим кодом и почему он заполняет пустой выпадающий список?
Вот код HTML / JS:
<html>
<?php
print_r($_POST);
?>
<head>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>
</head>
<body>
Source:
<input type="textbox" name= "tag" id="tags">
<select id="movieImdbId" name="movieImdbId[]" multiple="multiple" width="200px" size="10px" style=display:none;>
</select>
<script type="text/javascript">
$(document).ready(function () {
$("#tags").autocomplete({
source: "actorsauto.php",
minLength: 2,
select: function (event, ui){
$("#tags").change(function () {
var selectedVal = $(this).val(); //this will be your selected value from autocomplete
// Here goes your ajax call.
$.post("actions.php", {q: selectedVal}, function (response){
// response variable above will contain the option tags. Simply put in the dropdown.
$("#movieImdbId").html(response).show();
});
});
}
});
});
</script>
</body>
</html>
а это actions.php код:
<?php
error_reporting(E_ALL);
ini_set('display_errors', 1);
if(isset($_POST['q']) && !empty($_POST['q'])){
$q = $_POST['q'];
$html = "";
try{
$conn = new PDO('mysql:host=localhost;dbname=imdb;charset=utf8mb4','user','pass');
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$conn->setAttribute(PDO::ATTR_EMULATE_PREPARES, false);
$sql = $conn->prepare("SELECT DISTINCT movieImdbId FROM movie_roleNames WHERE castName = :q");
$sql->execute(array(':q' => $_POST['q']));
while($rows = $sql->fetch(PDO::FETCH_OBJ)){
$option = '<option value="' . $rows['movieImdbId'] . '">' . $rows['movieImdbId'] . '</option>';
}
$html .= $option;
} catch(PDOException $e){
echo 'ERROR: ' . $e->getMessage();
}
echo $html; // <-- this $html will end up receiving inside that `response` variable in the `$.post` ajax call.
exit;
}
?>
Я действительно ценю, если кто-то может помочь мне исправить это.
Благодарю.
Решение
Вы звоните через POST
$.post("actions.php")
но проверьте для получения переменных
if(isset($_GET['q']) && !empty($_GET['q']))
Так что я думаю, что ваш PHP-скрипт выдает пустую строку.
Распечатайте ответ на консоли и посмотрите, получите ли вы результат.
Другие решения
Других решений пока нет …