Supprimer un élément sélectionné à partir de plusieurs select2 boîte sur la suppression de l'élément sélectionné à partir d'un autre multiple de sélectionner zone 2
J'ai deux multiples select2 boîtes, Bloc1 options sont remplies de façon dynamique,lorsque je sélectionne n'importe quelle option à partir de cette boîte de sélection, il devrait être ajouté à la nouvelle Box2. Ce scénario est requis. Problème, je suis confronté à est. Lorsque je supprime l'élément sélectionné de la Boîte1, je suis en mesure de le retirer de Box2. Mais si l'élément est sélectionné dans Box2 il en reste encore.
Ex: A,B,C sont des valeurs sélectionnées dans l'Encadré 1, Box2 est renseigné avec A,B,C. Si je sélectionne B,c dans la Zone 2 et si je retire B de l'encadré 1. Mon Box2 éléments seront désormais AC. Mais B,C restera toujours sélectionné dans Box2.
Quelqu'un peut m'aider à résoudre cet épineux problème.
$("#Box1").on("change", function() {
var box1List = $('#Box1').val();
$('#Box2').empty();
for (var key in box1List) {
var valueField = box1List[key];
var textField = $("#Box1 > option[value='"+valueField+"']").text();
$("#Box2").append($('<option>', {value: valueField, text: textField}));
}
});
$("#Box1").on("select2-removed", function(e) {
console.log("removed val=" + e.val + " choice=" + e.choice.text);
$('#Box2 option[value="'+e.val+'"]').remove();
});
Merci De Siva.G j'ai déjà évoqué ce lien. Mais à force de les aider dans la résolution de mon problème.
pouvez vous s'il vous plaît faire quelques démo en violon avec ce que vous avez essayé jusqu'à présent
jsfiddle.net/Gikar23/QTDy7/3
OriginalL'auteur Gikar | 2014-07-18
Vous devez vous connecter pour publier un commentaire.
Après que vous modifiez l'enfant
<option>
éléments d'un Select2<select>
élément, vous devez appeler.change()
sur elle pour obtenir à mettre à jour son affichage.Mais dans votre cas, vous avez probablement vous aussi souhaitez restaurer la valeur de la Select2 après vous de supprimer et de rajouter les options.
Lorsque vous utilisez
.select2('val', val)
pour définir la valeur, vous ne devez pas appeler.change()
.jsfiddle
OriginalL'auteur John S
J'ai trouvée dans le post de Pierre de LESPINAY
Glideh. Et j'ai essayé de l'appliquer à mon projet.
Il a bien fonctionné.
OriginalL'auteur Chinh Vo Wili