jQuery自动完成不显示

问题描述：

我已经浏览了很多关于此的帖子，但我认为我的发现比我发现的要简单得多。我的字段正在请求数据成功，但不显示它。我会假设这与CSS显示它有关。我使用jQuery UI CSS来显示它，因为我在其他网站做我设计：jQuery自动完成不显示

<link href="/css/console/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />

这里就是我想要显示它。我在这里做错了什么？我在其他网站上有这个工作。

<input type="text" name="userSearch" id="userSearch"/> 
<input class="button" style="top: -1px; margin-left: 5px;" type="button" value="SEARCH" /> 
<input type="hidden" id="hiddenUserWom" value="" /></span></div> 
     <script type="text/javascript" src="/js/jquery-ui-1.8.18.custom.min.js"></script> 
     <script type="text/javascript"> 
     $('#userSearch').autocomplete({ 
      source: '/console/ajax/user_search_autocomplete.php', 
      minLength: 3, 
      select: function (event, ui) { 
       $("#userSearch").val(ui.item.label); 
       $("#hiddenUserWom").val(ui.item.id); 
     } 
     }); 

     $(document).ready(function() { 
      $("#userSearch").focus(); 
     }); 
     </script>

这里是成功返回的数据：这是回报的例子：

[{ “标签”： “5U5NU - 德文 - 帕克 - 瓦卡维尔，CA”， “ID”：“5U5NU “}]为jQuery UI的数据格式的

说明从官方网站采取：

预期的数据格式
个
从本地数据的数据，一个URL或一个回调可以有两种变种：

字符串Array：[“选择1”，“选择2”]与标签和值的属性的对象Array： {label：“Choice1”，value：“value1”}， ...]

这应该可以正常工作。

这里是网站：http://wombusiness.com/console/members/

这是一个需要自动完成电力搜索字段。

@ harhahu - 我不认为你明白这是如何工作的。有人能帮我一下吗？很明显，我想在select的搜索字段中显示clicked元素的VALUE值。还有什么可以在这里？ – Devin 2012-03-23 18:24:47

答

把你自动完成你的$（document）内。就绪

<input type="text" name="userSearch" id="userSearch"/> 
<input class="button" style="top: -1px; margin-left: 5px;" type="button" value="SEARCH" /> 
<input type="hidden" id="hiddenUserWom" value="" /></span></div> 
    <script type="text/javascript" src="/js/jquery-ui-1.8.18.custom.min.js"></script> 
    <script type="text/javascript"> 


    $(document).ready(function() { 
    $('#userSearch').autocomplete({ 
     source: '/console/ajax/user_search_autocomplete.php', 
     minLength: 3, 
     select: function (event, ui) { 
      $("#userSearch").val(ui.item.label); 
      $("#hiddenUserWom").val(ui.item.id); 
    } 
    }); 
     $("#userSearch").focus(); 
    }); 
    </script>

问题＃2 $（ “＃userSearch”）VAL（ui.item.label）。您正在用自己的数据覆盖自动填充。

为什么输入字段'autocomplete =“off”'上的属性？ – 2012-03-23 18:00:32

没有工作。数据正在成功返回，但没有显示。 – Devin 2012-03-23 18:01:37

@mavrick - 那里在哪里？我没有适用于任何领域。 – Devin 2012-03-23 18:02:20

答

问题出在PHP返回。如果您尝试完全相同，但将数组中的固定设置作为源，则自动完成功能将完美无缺。

JSON编码看起来不错。

我知道你不需要它或使用它，但请尝试为每个项目添加一个value。我不确定，但value可能是必填字段，对您进行测试会比对我更容易。

jQuery自动完成不显示

相关推荐