Remplir select2 avec JSON après init ne marche pas

Je suis en train de remplir un select2 élément d'un tableau JSON; mais je ne peux pas l'obtenir.

J'ai la matrice suivante:

data = [{"id":"Foo","text":"Foo"},{"id":"Bar","text":"Bar"}]

Et j'initialise select2 comme suit:

$("#selectElement").select2();

J'utilise le code suivant pour remplir:

$('#selectElement').select2('data', data, true);

Mais ne fonctionne pas et je ne sais pas pourquoi. Quelqu'un peut-il m'aider?

EDIT: j'ai besoin pour remplir après l'init de select2 (je reçois JSON de l'AJAX)

Mon intention est de remplir la select2 de ma question avec le JSON de l'AJAX recherche d'autres select2.

Tous fonctionne bien sauf le remplir (je vous en JSON bien dans le formatSelectiom méthode de la première, mais je ne sais pas ce que je peux faire pour remplir la deuxième select2)

OriginalL'auteur james fray | 2015-05-28

  1. 7

    Je vois quelques différences entre votre code et celui de select2

    Vos données:

    var data = [{"id":"Foo","text":"Foo"},{"id":"Bar","text":"Bar"}];

    Devrait être:

    var data = [{id:"Foo", text:"Foo"},{id:"Bar", text:"Bar"}]

    Votre code de la population:

    $('#selectElement').select2('data', data, true);

    Devrait être:

    $('#selectElement').select2({data: data});

    Exemple de Select2

    var data = [
      { id: 0, text: 'enhancement' }, 
      { id: 1, text: 'bug' }, 
      { id: 2, text: 'duplicate' }, 
      { id: 3, text: 'invalid' }, 
      { id: 4, text: 'wontfix' }
];

$(".js-example-data-array").select2({
  data: data
});

<select class="js-example-data-array"></select>
    Cette réponse est correcte et concise.
    Merci, mais je recevoir JSON de l'AJAX, j'ai donc besoin d'initialiser select2 avant et de le remplir après... Peut vous modifiez votre code, s'il vous plaît?
    - Je l'utiliser dans d'autres select2 qui récupère moi le JSON. Mon intention est de remplir la select2 de ma question avec le JSON de l'AJAX recherche de la première (désolé pour mon mauvais anglais). Tout fonctionne bien sauf le remplir (je vous en JSON, mais je ne sais pas ce que je peux faire pour remplir la deuxième select2 avec ce)
    Non, ne fonctionne pas. Montrez-moi l'erreur: données de l'option n'est pas autorisée pour select2 lorsqu'il est attaché à un élément select
    M'indique le même message d'erreur je l'ai dit au-dessus

    OriginalL'auteur Mivaweb

  2. 0

    Je viens de poster une question similaire à la select2 liste, puis retourna en me frappant la tête contre le mur. C'est ce que je suis venu avec: (le "détruire", c'était la pointe qui a aidé). J'ai d'abord vider le sélectionner et de le réinitialiser.

        $("#id_category").on('change', function(){
           var cat = $(this).val();
           var url = '/breeds/lookup/?q='+cat;
           $.get(url, function(d){
               var idb = $("#id_breed").empty();
               idb.select2({data: d});
           }, "json");

        });
    Merci pour votre réponse, mais ne marche pas... 🙁 je suis désespérée (Peut vous mettre ceci sur un Jsfiddle?c'est bizarre que cela fonctionne pour vous

    OriginalL'auteur Lee Hinde

  3. 0
        $('#selectElement').select2({
                minimumInputLength: 1,
                ajax: {
                    url: '@Url.Action("Search", "Home")',
                    dataType: 'json',
                    data: function(params) {
                return {
                    ad: params.term
                };
            },
            processResults: function(data) {
                return {
                    results: $.map(data, function(obj) {
                        return { id: obj.Id, text: obj.Ad + " " + obj.Soyad };
                    })
                };
            }
            });

    OriginalL'auteur user2814672

  4. 0

    Si vous essayez à la liste déroulante afficher, avec pré-chargé JSON par défaut, de sorte que le moment où vous cliquez sur le champ que vous attendez déroulante avec peuplé de données, sans avoir à taper une seule lettre, Set:

    minimumInputLength: 0

    et fonctionne comme un charme.
    J'espère que résolu votre problème, car il a fait la mienne 🙂

    OriginalL'auteur StefaDesign