2012-10-10 229 views
0

因此,本質上,我試圖轉移到一個函數,該函數在自動填充方法中爲source參數執行工作,現在腳本已損壞。即使$.get(...)請求返回值,也不會顯示任何選項。功能作爲源的JQuery UI自動完成代碼問題

的HTML:

  <tr class="itemTableRow"> 
       <td> 
        <input type="text" class="item" name="items[]" /> 
       </td> 
       <td> 
        <input type="range" class="quantity" min="1" max="10000" name="quantity[]" /> 
       </td> 
       <td> 
        <select class="versionSelect"><option value="5">5</option><option value="6">6</option><option value="7">7</option></select> 
       </td> 
      </tr> 

的JavaScript:

$(function() { 

      $(".item").autocomplete({ 
          source: function(request, response){var data = $.get("http://mydomain.com/dev/kohana/utils/items/search?searchType=maxList&amp;term=" + request.term + "&amp;version=" + $(".item").parent().parent().children(":nth-child(3)").children("select").val()); console.log("" + data); response(data);}, 
          minLength: 2 
         }); 
}); 

所得HTTP GET請求URL(當在輸入字段中輸入CP):

http://mydomain.com/dev/kohana/utils/items/search?searchType=maxList&term=CP&version=5 

所得HTTP響應正文:

[{"label":"CP1031L","value":"CP1031L"},{"label":"CP1031M", "value":"CP1031M"] 

我還在頁面中包含了Jquery UI的默認樣式表,雖然它在此之前工作。我覺得我缺少一些非常基本的功能回調應該如何工作。任何人都可以發現問題嗎?謝謝您的幫助。

回答

1

請立即撥打您的電話.get()的成功處理程序response(data),就像這樣:

$(".item").autocomplete({ 
          source: function(request, response){var data = $.get("http://mydomain.com/dev/kohana/utils/items/search?searchType=maxList&amp;term=" + request.term + "&amp;version=" + $(".item").parent().parent().children(":nth-child(3)").children("select").val(), function(data) {response(data);});}, 
          minLength: 2 
         }); 
+0

是的,我正要回答我的問題。有時它是簡單的事情。感謝您查看它。但請注意,由於某些原因,我確實需要'.parseJSON'數據。 – thatidiotguy