jQuery用户界面 - 自动完成与额外参数 - 返回

Question

所有，

我已经转移到使用UI自动完成，而不是插件数据，我花了一段时间才能找出基于一个例子，我在这里找到额外参数，但该部分起作用。

我遇到了处理返回数据的问题。在下面的代码中，我可以提醒标题被返回，但我在浏览器中下拉了'UNDEFINED'。

在此先感谢。

$('#DocTitle').autocomplete({ 
    source: function(request, response) { 
     $.ajax({ 
      url: "index.pl", 
      dataType: "json", 
      data: { 
       Title: request.term,       
       maxRows: 10 
      }, 
      success: function(data) { 
       response($.map(data, function(item) { 
       alert(item.TITLE); 
       return { 
        TITLE: item.TITLE 

       } 
      })) 
      } 
     }) 
    } 
}); 

Answer 1

我正在使用jQuery UI自动完成，如下所示，它对我来说工作得很好。你可以尝试类似的路线。

$('input[type=text][name=City]').autocomplete({ 
      source: function(request, response) { 
       $.getJSON($('input#CitySuggestionsLink').val(), { 
        term: request.term, 
        stateId: $('select#StateName option:selected').attr('value') 
       }, response); 
      }, 
      search: function() { 
       // custom minLength 
       var term = this.value; 
       if (term.length < 1) { 
        return false; 
       } 
      }, 
      delay: 200, 
      focus: function() { 
       // prevent value inserted on focus 
       return false; 
      }, 
      select: function(event, ui) { 
       return false; 
      } 
     });