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/

這是一個需要自動完成電力搜索字段。

來源

2012-03-23 Devin

@ 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）。您正在用自己的數據覆蓋自動填充。

來源

2012-03-23 17:58:14 Har

爲什麼輸入字段'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可能是必填字段，對您進行測試會比對我更容易。

來源

2012-03-23 18:38:09

jQuery自動完成不顯示

回答

相關問題