Jquery UI自动完成无法工作

Jquery UI Autocomplete not working

本文关键字：工作 UI Jquery      更新时间：2023-09-26

我使用Jquery小部件Autocomplete。我的数据源是一个返回JSON数据的服务器端脚本。

$(function() {      
    $( "#supcode" ).autocomplete({
        source:"index.php/inventory/supcode",
        minLength: 1                    
    });
});

Im使用MVC架构（Codeigner），并在控制器中使用以下方法返回JSON数据，

function supcode()
{     
    $dataarray="";
    $data=$this->Inventorymodel->supcode();
    echo json_encode($data);
}

我正在使用以下函数提取模型中的数据，

function supcode(){
$finresult="";
$this->db->select('name');
$query = $this->db->get('supplier');
$result=$query->result_array();
foreach($result as $row){
    $finresult[]=array(
        'name' => $row['name']
    );
}
return $finresult;
}

当我在文本框中键入一封信时，过滤不起作用，所有项目都已列出。我做错了什么？有人能帮我吗？提前感谢。。。。

您需要在服务器端完成筛选（如@Henrik对问题的评论中所述），并且预期的数据格式需要是以label和value为字段的对象数组。

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

请参阅此链接jQuery自动完成。

相关文章：