2017-08-17 2 views
0

rapide desc:jQuery-Select2: Ajout de la possibilité d'ajouter sur la liste propre entrée

J'essaie d'ajouter la capacité d'ajouter propre entrée sur la liste. Il ne fonctionne même pas quand je suis parti juste tags: true rien ne change. Merci d'avance. Ci-dessous, le code et jsfiddle sont coupés.

HTML

<input id="placeSelect"> 

JavaScript/JQuery

var data = new Array(); 
    data.push({ 
    id: "search-0", 
    text: "Default" 
}); 

$('#placeSelect').select2({ 
    tags: "true", 
    width: '60%', 
    multiple: "true", 
    allowClear: "true", 
    placeholder: "Enter name of city", 
    data: data 
}); 

Voici le jsFiddle link

EDIT:

Code entier sur l'extrait here

+0

Voulez-vous ajouter plusieurs tags dans la liste, n'est-ce pas? – Trushna

+0

je veux donner la possibilité à l'utilisateur d'ajouter sa propre ville :) – SaveMe

+0

Je pense que pour cela, vous devez fournir une zone de texte à l'utilisateur, lorsque l'utilisateur saisit la ville dans la zone de texte, dynamiquement vous ajoutez cette ville dans votre liste. data.push ({id : "recherche-0", le texte : "Par défaut" }, {id : "recherche-1", texte: "Default1" }, {id : « recherche-2 ", text:" Default2 " }); – Trushna

Répondre

2

Il semble qu'il y ait un problème avec la balise d'entrée, remplacez-la par une sélection.

Select2 Documentation

dépréciés dans Select2 4.0. Il est maintenant recommandé d'utiliser la balise select à la place.

Dans les versions précédentes de Select2, un élément ne pouvait être utilisé qu'avec un sous-ensemble limité d'options. Un an était requis à la place, ce qui ne permettait pas un retour en arrière gracieux pour les utilisateurs qui n'avaient pas activé JavaScript. Select2 prend désormais en charge l'élément pour toutes les options, il n'est donc plus nécessaire d'utiliser des éléments avec Select2.

+0

après le changement pour sélectionner rien n'a changé: – SaveMe

+0

https://jsfiddle.net/340hkLwc/10/ – SaveMe

+0

https: // jsfiddle.net/340hkLwc/11/ –