問題與jQuery ui`s自動完成選擇回調（1.8）

Question

有了這個代碼：

function setupRow(event, ui) { 
     var textbox, // how do i get to the textbox that triggered this? from there 
     // on i can find these neighbours: 
     hiddenField = textbox.next(), 
     select = textbox.parents('tr').find('select'); 

     textbox.val(ui.item.Name); 
     hiddenField.val(ui.item.Id); 
     $.each(ui.item.Uoms, function(i, item){ 
      select.append($('<option>' + item + '</option>')); 
     });    
     return false; 
    } 
    function setupAutoComplete(){ 
     var serviceUrl = "/inventory/items/suggest"; 
     $("input.inputInvItemName").autocomplete({ 
      source: function(request, response) { 
       $.ajax({ 
        url: serviceUrl, 
        data: request, 
        dataType: "json", 
        success: function(data) { 
         response($.map(data.InventoryItems, function(item) { 
          return { 
           value: item.Name 
          }; 
         })); 
        }, 
        select: function(event, ui) { 
         setupRow(event, ui); 
        }, 
        error: function(XMLHttpRequest, textStatus, errorThrown) { 
         alert(textStatus); 
        } 
       }); 
      }, 
      minLength: 3, 
      delay: 500 
     }); 
    } 

一切似乎確定。問題是select處理程序永遠不會觸發，即使是爲了調試目的而封裝我的原始代理setupRow的匿名函數也不會被調用。

任何人都可以看到我的錯誤？

我也在評論中留下了一個問題：我如何到達有自我暗示的文本框。在這裏不能使用id，因爲這些文本框是多個並且交互地動態生成。還是有另一種方式來做同樣的事情？

感謝您的幫助！

Answer 1

好的，我更近了一步，通過使用

inputs.bind("autocompleteselect", setupRow); 

現在setupRow火災。

現在看來，是成功的回調轉換數據，我得到returned.I需要找到一種方式，都顯示在下拉列表中正確的價值，而不會破壞請求的響應...

任何想法？

Answer 2

anyone can see my error? 

我想你忘了把';' 。

$.ajax({ 
        url: serviceUrl, 
        data: request, 
        dataType: "json", 
        success: function(data) { 
         response($.map(data.InventoryItems, function(item) { 
          return { 
           value: item.Name 
          } 
         })); 

或者有另一種方式做同樣的事情？

我想你使用的是jquery ui自動完成插件。如果是的話，你可以這樣檢索。

$('.ui-autocomplete-input') 

否則，您可以爲這些文本框設置特定的類並通過該類訪問這些文本框。來看

Answer 3

OP點

var textbox, // how do i get to the textbox that triggered this? from there 
     // on i can find these neighbours: 

我的觀點

你試過點，視

var textbox = $(event.target); 

，或者你可以做到這一點，

OP點

select: function(event, ui) { 
     setupRow(event, ui); 
}, 

我的觀點

select: setupRow; 

點，則

var textbox = this; // just a guess... wait..