Question

在你告诉我看看与此有关的其他问题之前，我已经尝试了所有我能找到的东西，但似乎没有任何效果！我在这里使用 jQuery UI 1.8.7 ，并导入了所有必需的脚本和css文件。

HTML CODE：

<input type='text' id='consumerInput1' value='' onKeyUp='getConsumerNames();'/>

JS功能：

  function getConsumerNames(){
$("#consumerInput1").autocomplete({
    source:     function( request, response ) {

                    var CGI_URL = "/cgi/enterpriseElementInfo.pl";


                $.getJSON(CGI_URL, {"action":"getConsumerNamesForInput",data:request.term}, function(data) {
                                    response(data); 
                                    /*response($.map(data, function(item){   
                                    return item.name;     //item.source;               
                                    }));*/ /* response($.map(data, function(value,key){   
                                        return {
                                        label: value,
                                        value: key
                                        };                   
                                    }));*/
                });                     
                }, 
    select:     function(event, ui){
                    $("#consumerInput1").attr('value', ui.item.name);
                } 
    });   }

我可以看到根据通过 Firebug 控制台请求的查询获取JSON数据，但我遇到的唯一问题是它没有显示在下拉列表中！当我在输入框中输入内容时，我只能看到下面的白色空白下拉列表。假设我输入“application”，此查询的JSON数据在响应中如下所示

 [{"name":"Application"},
  {"name":"Credit Application Sales Processing"},
  {"name":"Mobile Client Application"},
  {"name":"CT Client Application"}]

我知道我在这里犯了一些愚蠢的错误，这可能看起来像一个愚蠢的问题，但请帮助我，因为我已经浪费了更多的时间而不是需要！任何帮助表示赞赏。谢谢！

我遇到的一些与此有关的问题是，jquery UI autocomplete drop-down list not showing up
Ajax / Jquery Autocomplete with JSON data
jQuery UI autocomplete with JSON < br /> jQuery UI autocomplete drop down not displaying http://www.jqueryautocomplete.com/jquery-autocomplete-json-example.html

jquery UI自动完成下拉列表仅显示空白

0 个答案: