jQueryUI - 使用json文件自动完成

时间:2013-12-04 13:11:48

标签: jquery json jquery-ui

我尝试使用json文件进行自动完成,但是当我在输入字段上输入时,它什么也没显示。我想只显示指定到" descricao"中的数据,而不是显示在" codigo"中。这是我的代码:

$(function() {
$('#autocompleteGrupo').autocomplete({
    source: function (request, response) {
        $.ajax({
            url: "jsonGrupo.jsp",
            dataType: 'json',
            data: request,
            success: function( data ) {
                response( $.map( data, function( item ) {
                    return {
                        label: value,
                        value: item.descricao
                    };
                }));
            }
        }); 
    },  
    minLength: 2
});
});

我的json文件:

[{"codigo":"1","descricao":"Tecnologia da Informação"}] 

谢谢,

卢卡斯。

1 个答案:

答案 0 :(得分:1)

尝试以下代码:


$(function() {
$('#autocompleteGrupo').autocomplete({
source: function (request, response) {
    $.ajax({
        url: "jsonGrupo.jsp",
        dataType: 'json',
        data: request,
        success: function( data ) {
            response( $.map( data, function( item ) {
                return(item.descricao)
            }));
        }
    }); 
   },  
   minLength: 2
  });
});

<小时/> 还要检查是否包含了jquery ui js,css ..........