Boîte de sélection multiple jquery

Question

Comment faire un appel ajax sur une boîte de sélection multiple en utilisant jquery?

Toute suggestion ou aide appréciée.

Cordialement, Raj

Answer 1

Il suffit de passer les différentes valeurs de la boîte de sélection dans votre appel ajax.

  $.ajax({ 
       url:'/index.php/ajax/', 
       type:'post', 
       dataType:'json', 
       data:{ 
         select_1:$('#select1').val(), 
         select_2:$('#select2').val() 
       }, 
       success:function(data){ 
         console.log(data); 
       } 
     }); 

Si vous travaillez avec un sélectionnez où vous pouvez sélectionner plusieurs, appelez join() sur le tableau et passer à la place la chaîne créée.

  $.ajax({ 
       url:'/index.php/ajax/', 
       type:'post', 
       dataType:'json', 
       data:{ 
         select_1:$('#select1').val().join('|') 
       }, 
       success:function(data){ 
         console.log(data); 
       } 
     }); 

Pour effectuer l'appel ajax quand quelque chose est sélectionné ...

 $('#select-box').change(function(){ 
      $.ajax({}); 
    }); 

Answer 2

Ceci est mon plugin multiselect jquery ui préféré:
http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/

Voici toutes sortes de démos pour elle :
http://www.erichynds.com/examples/jquery-ui-multiselect-widget/demos/

Il gère d aussi bien que la sérialisation. Vous pouvez utiliser une action de formulaire par défaut pour obtenir/renvoyer les valeurs et donc également utiliser les méthodes jquery normales sans ajout. Juste sérialiser le formulaire et le renvoyer via une méthode ajax.

Answer 3

Si vous recherchez une charge sélectionne - vous pouvez voir cette question sur le SO:

Drop-down list dependent form