入力フィールドをドロップダウン

Question

私は検索フォームにドロップダウンフィールドを持っていますが、問題は私がメッセージを取得していることです：（17の結果が利用でき、上下の矢印キーを使用して移動します）結果の

私のコードは次のとおりです。

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script> 
     <script type="text/javascript"> 
$(document).ready(function() { 
    $(function(){ 
     $("#destination").autocomplete({ 
      source: function(request, response) { 
       $.ajax({ 
       url: "http://localhost/fantastic/Travels/search_fields", 
       data: { term: $("#destination").val()}, 
       dataType: "json", 
       type: "POST", 
       success: function(data){ 
    var resp = $.map(data,function(obj){ 
     return obj.destination; 
    }); 
    response(resp); 
} 
      }); 
     }, 
     minLength: 1 
     }); 
    }); 
}); 
</script> 

私のコントローラのコードは次のとおりです。

function search_fields(){ 
    $term = $this->input->post('term', TRUE); 

    $search_data = $this->Travel->search_field($term); 
    echo json_encode($search_data); 

} 

マイ・モデル・コードは次のとおりです。

function search_field($term){ 

    $query = $this->db->query("SELECT distinct(destination) FROM travels_detail WHERE destination LIKE '".$term."%' group by destination"); 
    return $query->result_array(); 
} 

私は別のサイトに同じコードを適用し、それがありますワーキング。しかし、別のサイトでは、私にメッセージを与える "17の結果が利用可能な、上下の矢印キーを使用してナビゲートする。これらの17の結果はキーアップとキーダウンボタンに表示されます。

誰かが何らかのアイデアを持っていますか？あなたに教えてください

Answer 1

SELECT distinct(destination) FROM travels_detail WHERE destination LIKE '".$term."%' group by destination 

宛先でグループを削除する必要があります。冗長です。

あなたはそれを試して、それがどのように見えるか教えていただけますか？

Answer 2

これはCSSライブラリの問題でした。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 

ライブラリの問題を解決した後で解決されます。