Question

我试图通过标题或演员来启用用户选择电影（例如，如果他忘记了电影名称但记得该电影中的演员/演员，他将能够通过键入演员姓名来找到电影）。我使用jQuery auto-comlete来获取电影名称或演员名称。

以下是我的尝试。自动完成部分工作正常（即，当用户选择moviebyTitle并开始编写标题时，自动完成建议也适用于演员姓名。

问题：

当用户编写演员姓名时，自动填充功能正常，同时会出现动态下拉菜单，但问题是下拉列表没有显示任何内容：有人可以帮我找到这段代码有什么问题吗？谢谢，

<select id="selectType" name="source">
  <option value="">MoviesBy</option>
  <option value="byTitle">byTitle</option>
  <option value="byActor">byActor</option>
</select>

<input type="textbox" name= "tag" id="tags">

<select id="movieImdbId" name="movieImdbId[]" multiple="multiple" width="200px" size="10px" style="display: none;">  
</select>

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

<script type="text/javascript">
$(document).ready(function () {
           //Create widget with default data source
           $("#tags").autocomplete({
               source: "actorsauto.php",
               minLength: 2
           });

           $("#selectType").change(function () {
               // Assign new data source like that :

               if ($(this).val() == "byTitle")
                   $("#tags").autocomplete("option", "source", "filmsauto.php");
               else 
                if ($(this).val() == "byActor"){

                  $("#tags").autocomplete({
                  source: "actorsauto.php",
                  minLength: 2,
                  select: function (event, ui){
                    var selectedVal = $(this).val(); //this will be your selected value from autocom plete
                 // Here goes the ajax call.

                   $('#movieImdbId').show();
                   $.post("actions.php", {q: selectedVal, q2: $("#selectType").val()}, function (response){
                // response variable above will contain the option tags. Simply put in the dropdown.

                $("#movieImdbId").html(response);
              });
          }
        });
      }
    });
});

</script>

这是 actions.php：

<?php

if(isset($_GET['q']) && !empty($_GET['q']) && isset($_GET['q2']) && !empty($_GET['q2']) ){

$q = $_GET['q'];
$q2 = $_GET['q2'];

include('imdbConnection.php');
$sql = $conn->prepare("SELECT DISTINCT movieImdbId FROM movie_roleNames WHERE castName = :q");
$sql->execute(array(':q' => $q));

// Initialize a variable that you will send back to your ajax call, its still waiting for this script to be completed.
$html = "";

$results = $sql->fetchAll(PDO::FETCH_OBJ);

while($results as $row){

   $option = '<option value="' . $row['movieImdbId'] . '">' . $row['movieImdbId'] . '</option>';

$html .= $option;
}
echo $html; 
exit;
}

?>

UPDATE：

这就是我所看到的：

enter image description here

Answer 1

您正在混合使用mysql和PDO，因此请尝试使用PDO代替mysql。您还需要在$html变量中添加值，而不是一次又一次地覆盖值。改变这样的代码的下半部分，因为你是

$results = $sql->fetchAll(PDO::FETCH_OBJ);
while($results as $row){

   $option = '<option value="' . $row->movieImdbId . '">' . $row->movieImdbId . '</option>';

$html.= $option;
}
echo $html;
exit;

动态下拉列表什么都没显示

问题：

UPDATE：

1 个答案: