Comment ajouter l'option à l'aide de MultiSelect plugin jQuery

Je suis à l'aide de jQuery MultiSelect plugin.

Je veux être en mesure d'ajouter une option pour ma première boîte de sélection, et ensuite le MultiSelect interface utilisateur mise à jour avec la nouvelle option.

Voici ce que j'ai (qui ne fonctionne pas).

var value = $("#newGroup").val();
$('#Select1').append("<option value=\"" + value + "\">" + value + "</option>");

Puis j'ai essayé d'appeler le même code pour recréer la sélection multiple avec les autres options comme le détruire en premier.

Voici le code que j'utilise pour mettre en œuvre le plugin.

$("#Select1").multiselect({ sortable: false, searchable: true });

Voici le plugin page d'accueil:
http://quasipartikel.at/multiselect_next/

Ce lien peut vous aider codefari.com/2014/12/add-new-option-in-multiselect-kendo.html

OriginalL'auteur Clarence Klopfstein | 2011-06-23

  1. 17

    Avez-vous la dernière version de MultiSelect? La Version 1.8 ajoute maintenant une actualisation de la commande qui est conçu pour mettre à jour les listes de réfléchir nouvellement ajouté ou supprimé des options. Votre séquence de code devrait être:

    var value = $("#newGroup").val();
$('#Select1').append("<option value=\"" + value + "\">" + value + "</option>");
$('#Select1').multiselect( 'refresh' );
    Merci pour la réponse. Comme cette question est de plus d'un an, je ne travaille plus sur ce problème. Aucune idée si ce que vous avez ou pas et ne peux pas le tester! Espérons que cela aide d'autres personnes qui pourraient tomber sur ce et les votes seront votre récompense si cela fonctionne!
    Merci pour le "rafraîchir", il est également utile lorsque vous souhaitez sélectionner tous avec:$('#selcVar option').each(function() {$(this).prop('selected', true);}); $('#selcVar').multiselect( 'refresh' );
    J'ai une version avec multiSelect avec un S majuscule, veuillez envisager d'ajouter modifier.

    OriginalL'auteur D. G.

  2. 3

    essayez d'utiliser

    $('.multiselect').multiselect('destroy');
$('.multiselect').multiselect();
    J'avais essayé ce. Avait une erreur: $.widget de.le prototype.détruire n'est pas défini, je fixe après une recherche en ligne, mais alors le $('.multiselect').multiselect(); la zone de liste reste de la plaine. Le "nouveau" look ne pas appliquer de nouveau.
    Je pense que ça devrait être comme ça dans votre cas: $('#Select1').multiselect('détruire'); $('#Select1').multiselect();
    Ouais, j'ai compris. A été tout simplement coller avec votre code.
    Juste pour être clair, à l'aide de Select1, j'ai été faire les questions ci-dessus.
    Je cherchais une solution de ce genre, l'actualisation n'a pas fonctionné, mais à l'aide de détruire et de créer l'multiselect fonctionne, et il maintient l'état des éléments que j'avais ajoutés ou supprimés. Merci!

    OriginalL'auteur elf

  3. 2

    Pour les anciennes versions, vous pouvez essayer ce

    $('select').multiselect('destroy').removeData().multiselect();

    détruire' méthode ne supprime pas les données de l'sélectionnez le nœud ainsi, lorsque vous essayez d'initialiser à nouveau, il pense qu'il a déjà initialisé. removeData() permet de résoudre le problème.

    De nouvelles versions de "rafraîchir" la méthode de sorte que vous pouvez ajouter quelques options pour les sélectionner et de les appeler

    $('select').multiselect('refresh');

    quand multiselect déjà initialisé.

    OriginalL'auteur asologor