jQuery UI自动完成没有填充下拉列表

时间:2012-01-06 18:19:43

标签: jquery-ui jquery-autocomplete

尝试让jquery AutoComplete返回并填充它的下拉列表。输入和调用如下所示:

<input id="user_login" name="user[login]" size="22" type="text" value="" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery('#user_login, #user_group_name').autocomplete({
      source: '/users.js'
    });    
  });
</script>

被调用的URL字符串是:

http://localhost:3000/users.js?term=user

来自users.js的回报如下:

[{"id":1802,"login":"some.user"},{"id":3882,"login":"some.other_user"},{"id":2024,"login":"user"}]

自动完成似乎解释了一些返回:它用三个LI填充自动完成UL,但它们都是空的。如果我搜索其他内容,则会创建适当数量的空LI。我已经使用JSONLint验证了JSON返回。

1 个答案:

答案 0 :(得分:1)

问题出在我的回归上。自动填充功能每个学期需要一个项目,如下所示:

[{"login":"some.user"}]