Plugin MultiSelect et appel AJAX

**pierricktpt** · 23/11/2015, 10h41

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

voici le code simplifié:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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?

**danielhagnoul** · 23/11/2015, 11h01

AJAX ? Activation d'un plugin ?

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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();
  });
});

**pierricktpt** · 23/11/2015, 11h14

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....

**danielhagnoul** · 23/11/2015, 12h10

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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();
  });
});

**pierricktpt** · 23/11/2015, 14h44

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?

**danielhagnoul** · 23/11/2015, 20h08

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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();
  });
});

Plugin MultiSelect et appel AJAX

jQuery

Vue hybride

Discussions similaires

Partager

Partager