javascript - Select2 "TypeError: a is undefined" error - Stack Overflow

admin管理员组

文章数量:1290951

I've this code for create a Select2 element from an input field:

var codigo_arancelario = $codigo_arancelario.val();

$codigo_arancelario.select2({
    placeholder: "Seleccione un estado",
    ajax: {
        dataType: 'json',
        url: function () {
            return Routing.generate('obtenerCodigoArancelario');
        },
        data: function (codigo_arancelario) {
            return {
                filtro: codigo_arancelario
            }
        },
        results: function (data) {
            var myResults = [];
            $.each(data.entities, function (index, item) {
                myResults.push({
                    'id': item.id,
                    'nombre': item.nombre
                });
            });
            return {
                results: myResults
            };
        }
    },
    formatNoResults: function () {
        return "No se encontró el código";
    },
    formatAjaxError: function () {
        return "No hay conexión con el servidor";
    }
});

But any time I try to use it I get this error on Firebug console:

TypeError: a is undefined

I checked the Response headers and I got a Content-Type application/json and also I check the Request headers since I'm using Symfony2 in the server side and it send the X-Requested-With XMLHttpRequest. The Symfony2 function return a JSON like this one:

{
   "valid":false,
   "entities":[
      {
         "id":101,
         "codigo":"4545",
         "descripcion":null
      },
      {
         "id":102,
         "codigo":"45455",
         "descripcion":"gfhgfhfghfgh"
      },
      {
         "id":103,
         "codigo":"45457",
         "descripcion":"etert"
      }
   ]
}

Where is the error on my code?

I've this code for create a Select2 element from an input field:

var codigo_arancelario = $codigo_arancelario.val();

$codigo_arancelario.select2({
    placeholder: "Seleccione un estado",
    ajax: {
        dataType: 'json',
        url: function () {
            return Routing.generate('obtenerCodigoArancelario');
        },
        data: function (codigo_arancelario) {
            return {
                filtro: codigo_arancelario
            }
        },
        results: function (data) {
            var myResults = [];
            $.each(data.entities, function (index, item) {
                myResults.push({
                    'id': item.id,
                    'nombre': item.nombre
                });
            });
            return {
                results: myResults
            };
        }
    },
    formatNoResults: function () {
        return "No se encontró el código";
    },
    formatAjaxError: function () {
        return "No hay conexión con el servidor";
    }
});

But any time I try to use it I get this error on Firebug console:

TypeError: a is undefined

I checked the Response headers and I got a Content-Type application/json and also I check the Request headers since I'm using Symfony2 in the server side and it send the X-Requested-With XMLHttpRequest. The Symfony2 function return a JSON like this one:

{
   "valid":false,
   "entities":[
      {
         "id":101,
         "codigo":"4545",
         "descripcion":null
      },
      {
         "id":102,
         "codigo":"45455",
         "descripcion":"gfhgfhfghfgh"
      },
      {
         "id":103,
         "codigo":"45457",
         "descripcion":"etert"
      }
   ]
}

Where is the error on my code?

• javascript
• jquery
• json
• jquery-select2

Share Improve this question Follow asked Oct 22, 2014 at 4:42 ReynierPMReynierPM 18.7k5555 gold badges204204 silver badges387387 bronze badges 2

• @MohitArora none of both it has data. The example JSON is what data.entities have – ReynierPM Commented Oct 22, 2014 at 4:52
• 1 jsfiddle/arunpjohny/e39ftb64/1 – Arun P Johny Commented Oct 22, 2014 at 7:10

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Select2 expects [{text="john doe",id="1"},{text="jane doe",id="2"}]

so you need to change 'nombre': item.nombre to 'text': item.nombre it should look like followed:

 myResults.push({
       'id': item.id,
       'text': item.nombre
 });

May be your data is wrong formate :
data Type: PlainObject or String or Array Data to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests. See processData option to prevent this automatic processing. Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting (described below).

see jquery for ajax

本文标签： javascriptSelect2 quotTypeError a is undefinedquot errorStack Overflow