0

在您告诉我查看与此相关的其他问题之前，我已经尝试了所有可以找到的方法，但似乎没有任何效果！我在这里使用jQuery UI 1.8.7并且所有必要的脚本和 css 文件都被导入。

HTML 代码：

<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 数据，但我面临的唯一问题是它没有显示在下拉列表中！当我在输入框中输入内容时，我只能在下面看到一个白色的空白下拉列表。假设如果我键入“应用程序”，则此查询的 JSON 数据在响应中如下所示，

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

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

我遇到的几个与此相关的问题是，
jquery UI 自动完成下拉列表未显示
Ajax / Jquery Autocomplete with JSON data
jQuery UI autocomplete with JSON
jQuery UI autocomplete drop down not displayed http://www.jqueryautocomplete.com /jquery-autocomplete-json-example.html

4

0 回答 0