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个结果显示在keyup和keydown按钮上。

任何人都有一些想法？请告诉我

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

放置该库后问题已解决。

下拉输入字段

2 个答案: