jQuery自动完成数据

用户名

当前正在实现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);
    }
});
});
西蒙·瓦利德(Simon Oualid)

如文档中所述,以最简单的形式,您的JSON响应可以是和字符串数组:

[ "Choice1", "Choice2" ] 

它也可以是包含标签和要在自动完成字段中显示的值的对象数组,例如:

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

实际上,JQuery UI自动完成插件无法处理您要返回的数据的结构。

请参阅此处的详细文档:http : //api.jqueryui.com/autocomplete/#option-source

希望这可以帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

清除自动完成数据jQuery

呈现jQuery自动完成数据中存在的html元素

jQuery UI使用Ajax来自动完成数据

过滤自动完成数据源

输入中的自动完成数据

将jQuery自动完成数据附加到textarea内容,而不是覆盖它

为什么该网站返回包装在jQuery标签中的自动完成数据?

来自远程服务器的 NativeScript 自动完成数据

如何获取正确格式的自动完成数据

如何填充materialize.css芯片自动完成数据?

延迟加载自动完成数据列表 angularjs

jQuery ui自动完成数组应以text()形式出现

jQuery来自字符串的对象的自动完成数组

剑道自动完成数据源显示未找到数据

自动完成数据源以呈现 ListItem 组件 - [material-ui]

浏览器如何存储自动完成数据以及在何处?

如何将自动完成数据提供给鱼别名?

使用select2:opening调用中的值作为ajax自动完成数据参数的输入

如何在组件中绑定角材料自动完成数据

将Google Apps脚本数组应用于HTML表单自动完成数据列表

如何过滤具有2万个元素的数组中的自动完成数据?

我正在尝试将 url 链接添加到自动完成数据

如何将来自 Ngx-bootstrap typeahead 的自动完成数据绑定到输入字段

解析jquery自动完成多维json数据

来自 json 数据的 Jquery 自动完成

自动完成的jQuery与自定义数据

jQuery自动完成不选择动态数据

jQuery自动完成不过滤数据

jQuery自动完成-如何修改返回的数据