jQueryオートコンプリートデータ

Question

現在、jQueryオートコンプリートを実装すると、データはPHPファイルから返され、フィールドに入力されますが、オートコンプリートドロップダウンにはテキストは含まれません。結果のテキストが戻されていないかのように

：あなたは、エントリ

画像を選択することができますか？最も単純な形式で、ドキュメントに記載されているように

try { 
    $stmt = $db->prepare('SELECT id, firstname, surname, department, email FROM users WHERE firstname LIKE :term'); 
    $stmt->execute(array('term' => '%'.$_GET['term'].'%')); 

    while($row = $stmt->fetch()) { 
     $row_array['id'] = $row['id']; 
     $row_array['firstname'] = $row['firstname']; 
     $row_array['surname'] = $row['surname']; 
     $row_array['email'] = $row['email']; 
     $row_array['department'] = $row['department']; 

     $return_arr[] = $row_array; 

    } 

} catch(PDOException $e) { 
    echo 'ERROR: ' . $e->getMessage(); 
} 


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

//jQuery 
$(document).ready(function() { 
$(".auto").autocomplete({ 
    source: "search.php", 
    minLength: 1, 
    datatype: 'json', 
    select: function(event, ui) { 
     $('#firstname').val(ui.item.firstname) 
     $('#surname').val(ui.item.surname); 
     $('#department').val(ui.item.department); 
     $('#email').val(ui.item.email); 
     $('#hidden').val(ui.item.id); 
    } 
}); 
}); 

Answer 1

、あなたのJSON応答が可能と文字列の配列は：

[ "Choice1", "Choice2" ] 

また、ラベルを含むオブジェクトの配列や値にすることができ例えば、オートコンプリートのフィールドに表示される：

[ { label: "Choice1", value: "value1" }, ... ] 

実は、あなたが戻ってきている件のデータの構造は、jQueryのUIのオートコンプリートのプラグインで処理することはできません。 http://api.jqueryui.com/autocomplete/#option-source

・ホープ、このことができます：

は、ここに詳細なドキュメントを参照してください。