2013-02-13 74 views
3

我想實現我的項目與JQuery UI的自動完成,但是我想有一個小的修改。與Jquery自動完成的多個標籤

時動態調用PHP是:

<?php 
include "../../connections/connect.inc.php"; 


$return_arr = array(); 


$search_term = "%".$_GET['term']."%"; 
$moviesquery = "SELECT * FROM movie where movie_name like :term"; 
$movieresults = $dbconnection->prepare($artistsquery); 
$movieresults->bindValue(":term",$search_term); 
$movieresults->execute(); 

/* Retrieve and store in array the results of the query.*/ 
while ($row = $movieresults->fetch(PDO::FETCH_ASSOC)) { 

$return_arr[] = array('label'=>$row['movie_name'],'value'=>$row['movie_name']); //build an array 
//array_push($return_arr,$row_array); 
} 

/* Toss back results as json encoded array. */ 
echo json_encode($return_arr); 

這是我已經寫在我的JQuery電話:

$(function() { 
    $("#movie_name").autocomplete({ 
     source: "sendmovies.php", 
     minLength: 3 
    }) 
}); 

的問題是,我希望看到每個影片的詳細信息在自動填充建議中。目前,自動完成功能只顯示電影名稱。我希望它顯示名稱下方的國家和發佈年份。當用戶點擊它時,我希望自動完成只取得電影名稱的值。並且可能還會將電影ID也變爲隱藏字段。我是Jquery noobie,所以如果有人能幫助我,我會很高興。

謝謝大家。

+0

你可以壓低整個事情(電影名稱+年等),並讓在用戶搜索整個字符串 – 2013-02-13 18:45:03

+0

謝謝,但實際上,我只想使用名稱進行搜索,自動完成應該顯示除了名稱之外的電影國家和地區。這有點像我們在臉書上看到的,它在那裏寫着「Apple」,然後是「組織」,下面是小寫字母「。 – 2013-02-13 18:48:00

回答

1

此部分:

和可能,讓影片ID爲隱藏字段爲好。我是一個 Jquery noobie所以如果任何人都可以幫助我,我會很高興。

的jQuery:

$("#movie_name").autocomplete({ 
    select: function(event, ui){ 
     if(ui.item.value == ""){ 
     return false; 
     }else{ 
     //here start your logic (its executed when you select the result 
     $('input.hidden').val(ui.item.id); 
     $('input[name=any]').val(ui.item.val); 
     } 
    } 
}); 

,你需要添加:

/* Retrieve and store in array the results of the query.*/ 
while ($row = $movieresults->fetch(PDO::FETCH_ASSOC)) { 

$return_arr[] = array(
    'label'=>$row['movie_name'], 
    'value'=>$row['movie_name'], 'id' => $row['id'], 
    'anyother_ui_name' => $row['value']); //build an array 
//array_push($return_arr,$row_array); 
} 
+0

謝謝!有人可以幫我解決另一半問題嗎?:) – 2013-02-14 00:42:01