Plugin MultiSelect et appel AJAX

Version imprimable

Bonjour à tous,

J'essaye d'utiliser le plugin MultiSelect de loudev derrière un appel AJAX.

Pour faire simple, je choisis une valeur dans une première liste simple (cdg) qui déclenche un appel AJAX vers la page get_gdp_user.php pour récupérer les choix possibles dans une seconde liste multiple (caff) à laquelle je souhaite appliquer le plugin multiselect.

L'appel AJAX fonctionne correctement et renvoie bien le contenu de la seconde liste.

En revanche, je ne sais pas pourquoi le plugin ne s'applique pas après l'appel AJAX alors que j'ai bien ma commande

Code:

$("#caff").multiSelect();

Pour être plus juste, il semble s'applique mais la liste des choix est vide...

voici le code simplifié:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <body> <select name="cdg" id="cdg"> <option value="a">a</option> <option value="b">b</option> <option value="c">c</option> </select> <select id="caff" multiple="multiple"> </select> <script> var $cdg = $("#cdg"); var $caff = $("#caff"); $cdg.change(function(){ $.get("get_gdp_user.php", {cdg : $cdg.val()}, function(data){ $caff.html(data); }); $("#caff").multiSelect(); }); </script> </body>
D'ailleurs, si je supprime l'appel AJAX et que je remplie en dur les options de la liste caff dans le code, la liste de choix multiple s'affichera correctement....

Une idée?

AJAX ? Activation d'un plugin ?

AJAX est asynchrone donc l'activation doit se faire dans la méthode "done".

Code:

1
2
3
4
5
6
7
8
9
10
11
var 
  $cdg = $("#cdg"),
  $caff = $("#caff");
 
$cdg.on( "change", function(){
  $.get( "get_gdp_user.php", { "cdg" : $cdg.val()}, function( data ){
    $caff
      .html(data)
      .multiSelect();
  });
});

23/11/2015, 11h14
pierricktpt

Alors le problème bouge mais n'est pas résolu.
Le plugin s'applique bien lors de la première selection d'un element dans la liste cdg.
En gros, si je choisis 1 dans la liste cdg, j'obtiens les valeurs pour la liste caff et le plugin agit correctement sur ma liste caff...
Si je choisis ensuite 2 dans la liste cdg, l'appel AJAX se fait, renvoie les bonnes valeurs mais je conserve à l'affichage les résultats du choix 1....

Logique.

Il faut détruire l'instance du plugin avant de la reconstruire.

Si le plugin n'a pas une méthode "delete", il faut tester le code suivant, mais sans garantie.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 var $cdg = $("#cdg"), $caff = $("#caff"), $MultiSelect = null; $cdg.on( "change", function(){ $MultiSelect = null; $.get( "get_gdp_user.php", { "cdg" : $cdg.val()}, function( data ){ $caff.html(data); $MultiSelect = $caff.multiSelect(); }); });

23/11/2015, 14h44
pierricktpt

Bon, malheureusement, pas de delete et ta methode n'a pas fonctionné....
Connais tu éventuellement un autre plugin qui permet d'avoir une fenetre de selection "à deux cadres" et qui permet de se rafraichir après un appel AJAX?

J'étais pressé ce matin, j'ai oublié une instruction. Version corrigée :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var 
  $cdg = $("#cdg"),
  $caff = $("#caff"),
  $MultiSelect = null;
 
$cdg.on( "change", function(){
  $caff.empty();
  $MultiSelect = null;
 
  $.get( "get_gdp_user.php", { "cdg" : $cdg.val()}, function( data ){
    $caff.html(data);
    $MultiSelect = $caff.multiSelect();
  });
});

23/11/2015, 21h44
pierricktpt

Malheureusement même résultat...
Est ce que quelqu'un connait un plugin de select "à deux fenetres" qui fonctionnerait avec des appels AJAX?
:calim2:

Je n'utilise jamais des noms de paramètres commençant par un "$", cela m'amène à confondre un sélecteur jQuery et un objet jQuery.

Toujours sans garantie de succès, mais en rectifiant l'erreur :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 var $cdg = $("#cdg"), $caff = $("#caff"); $cdg.on( "change", function(){ $caff.empty(); $caff = null; $.get( "get_gdp_user.php", { "cdg" : $cdg.val()}, function( data ){ $caff = $("#caff"); $caff.html(data); $caff.multiSelect(); }); });
Je déteste les questions où je ne peux pas tester le code que je propose. Pour cette raison et d'autres, j'ai vraiment pataugé sur cette question. Désolé.