Select2 dropdown mais autoriser de nouvelles valeurs par l'utilisateur ?

Question

Je veux avoir une liste déroulante avec un ensemble de valeurs, mais aussi permettre à l'utilisateur de "sélectionner" une nouvelle valeur qui ne figure pas dans la liste.

Je vois que sélectionner2 supporte ceci si vous l'utilisez dans tags mais existe-t-il un moyen de le faire sans utiliser de balises ?

Answer 1

Améliorer la réponse de @fmpwizard :

//Allow manually entered text in drop down.
createSearchChoice:function(term, data) {
  if ( $(data).filter( function() {
    return term.localeCompare(this.text)===0; //even if the this.text is undefined it works
  }).length===0) {
    return {id:term, text:term};
  }
},

//solution to this error: Uncaught TypeError: Cannot read property 'localeCompare' of undefined

Answer 2

Merci pour votre aide, j'ai utilisé le code ci-dessous dans Codeigniter. J'utilise la version 3.5.2 de select2.

var results = [];
var location_url = <?php echo json_encode(site_url('job/location')); ?>;
$('.location_select').select2({
    ajax: {
        url: location_url,
        dataType: 'json',
        quietMillis: 100,
        data: function (term) {
            return {
                term: term
            };
        },
        results: function (data) {
            results = [];
            $.each(data, function(index, item){
                results.push({
                    id: item.location_id,
                    text: item.location_name
                });
            });
            return {
                results: results
            };
        }
    },
    //Allow manually entered text in drop down.
    createSearchChoice:function(term, results) {
        if ($(results).filter( function() {
            return term.localeCompare(this.text)===0; 
        }).length===0) {
            return {id:term, text:term + ' [New]'};
        }
    },
});

Answer 3

Je viens de tomber sur ceci de Kevin Brown. https://stackoverflow.com/a/30019966/112680

Tout ce que vous avez à faire pour v4.0.6 est utilisé tags: true paramètre.

Answer 4

var text = 'New York Mills';
var term = 'new york mills';
return text.localeCompare(term)===0;

Dans la plupart des cas, nous avons besoin de comparer des valeurs avec un registre insensible. Et ce code retournera false, ce qui conduira à la création d'enregistrements dupliqués dans la base de données. De plus, String.prototype.localeCompare () n'est pas supporté par le navigateur Safary et ce code ne fonctionnera pas dans ce navigateur ;

return this.text.localeCompare(term)===0;

remplacera mieux à

return this.text.toLowerCase() === term.toLowerCase();