Choisi Plugin Jquery - prise en valeurs sélectionnées

Comment puis-je obtenir les valeurs sélectionnées de la Multi-Boîte de sélection?

c'est une question raisonnable - moi aussi, je me demandais si elle est Choisie a été correctement la modification de la sous-jacentes de sélectionner la zone (s'est avéré être un inspecteur DOM pas rafraîchissant correctement).
Mon problème n'est pas avec le caractère raisonnable, c'est avec l'effort mis en question. Qui dans ce cas est proche du néant. Aller à travers les quatre points dans mon lien et dites-moi si l'un d'eux a été démontrée ici.
Excellent point.
J'ai utilisé votre code et a travaillé pour moi aussi pour l'affichage multi-sélection. J'ai ajouté var1=$(this).val() pour stocker, mais ne sais pas comment le présenter var1 avec la forme. Travail sur elle.

InformationsquelleAutor Aakash Shah | 2012-05-09

68

Comme d'une activité régulière d'entrée/sélectionner/etc...:
```
$("form.my-form .chosen-select").val()
```
- ce n'est pas la bonne façon.. parce que, si même page plusieurs selectbox il sera de retour faux valeur 🙂
- Ce la bonne réponse.Le résultat est bien un tableau et ma question est comment je vais faire pour extraire les valeurs de la matrice afin que je puisse les mettre dans la db.J'ai juste besoin de quelques allusions sur le code PHP nécessaire ici.
InformationsquelleAutor Sergii
86
```
$("#select-id").chosen().val()
```
- Cela a fonctionné pour moi, en comparaison de la accepté de répondre à ce qui n'a pas.
- Montre-moi TypeError: $(...).chosen.val is not a function
- oui, je l'ai eu avec le val(). cette erreur a montré dans la console choisie n'est pas une fonction valide. mais mon autre api travaille bien.
- votre code manque deux ensembles de (). L'un après l' chosen et un après val. Essayez $(...).chosen().val()
- Cela fonctionne pour moi, mais je tiens à faire remarquer que choisi crée un div en dessous de la sélectionner. Ce n'est pas ce que vous cibler avec .choisi(). J'ai malencontreusement mis ma requête sélecteur '#sélectionnez-id_chosen", mais le bon sélecteur a été '#sélectionnez-id". Lors de la sélection d'un mauvais tag avec jquery, puis à l'aide de l' .choisi() la méthode, il retourne cette erreur: Uncaught TypeError: Cannot read property 'longueur' undefined.
InformationsquelleAutor Ben Truby

Cela a fonctionné pour moi

$(".chzn-select").chosen({

     disable_search_threshold: 10

}).change(function(event){

     if(event.target == this){
        alert($(this).val());
     }

});

InformationsquelleAutor Arvind

12
```
$("#select-id").chosen().val()
```
c'est la bonne réponse, j'ai essayé, et la valeur transmise est les valeurs séparés par des ","
- Cela ne marche pas pour moi - je la terre jusqu'à obtenir 2 copies de la variable (quand j'ai 2 options sélectionnées dans la chosen), donc quelque chose comme ceci est obtenu: var[] = 111; var[]=3348;
InformationsquelleAutor user3423551
7

Si quelqu'un veut obtenir uniquement la valeur sélectionnée sur cliquez sur une option, il peut faire le suivi:
```
$('.chosen-select').on('change', function(evt, params) {
    var selectedValue = params.selected;
    console.log(selectedValue);
});
```
- Vous pouvez le faire directement référence à l'original, sélectionnez l'élément(s) dans le sélecteur, ainsi, aussi, plutôt que d'utiliser choisie est appliquée .chosen-select classe.
InformationsquelleAutor Panagiotis Koursaris
5

À compter de 2016, vous pouvez le faire plus simplement que dans les réponses déjà données:
```
$('#myChosenBox').val();
```
où "myChosenBox" est l'id de l'original, sélectionnez entrée. Ou, dans l'événement de changement:
```
$('#myChosenBox').on('change', function(e, params) {
    alert(e.target.value); //OR
    alert(this.value); //OR
    alert(params.selected); //also in Panagiotis Kousaris' answer
}
```
Dans le Choisi doc, dans la section en bas de la page sur les événements de déclenchement, il est dit "Choisi déclenche un certain nombre d'événements standard et personnalisés sur l'original, sélectionnez le champ." L'un de ces événements standard est l'événement de changement, de sorte que vous pouvez l'utiliser de la même manière que vous le feriez avec un standard pour sélectionner l'entrée. Vous n'avez pas déconner avec l'aide d'Choisi est appliqué classes comme sélecteurs si vous ne souhaitez pas. (Pour le change événement, qui est. D'autres événements sont souvent une autre question.)

InformationsquelleAutor BobRodes
1

si vous voulez obtenir le texte d'une option sélectionnée
(choisis obtenir l'affichage de la valeur sélectionnée)
```
 $("#select-id").chosen().find("option:selected" ).text();
```
InformationsquelleAutor Hoàng Vũ Tgtt
1

Cette solution a fonctionné pour moi
```
var ar = [];
$('#id option:selected').each(function(index,valor){
    ar.push(valor.value);
});
console.log(ar);
```
être sûr d'avoir votre <option> balises avec elles correspondant value attribut.
Espérons que cela aide.

InformationsquelleAutor Osogtulak
0

Je crois que le problème se produit lorsque le ciblage par ID, parce que Choisie, vous copiez l'ID de l'original select sur elle, nouvellement créé div, vous laissant avec 2 éléments d'un même (et non unique) de l'ID de la page en cours.

Lors du ciblage Choisi par ID, utilisez un sélecteur spécifique à la select:
```
$( 'select#yourID' ).on( 'change', function() {
    console.log( $( this ).val() );
} );
```
...au lieu de...
```
$( '#yourID' ).on( 'change', function() {
    console.log( $( this ).val() );
} );
```
Cela fonctionne parce que Choisi miroirs de certains de ses éléments d'origine (maintenant caché) select élément, même en multi-mode.

(Il continue également de travailler avec ou sans Choisi, disons... si vous décidez de prendre une direction différente dans votre application.)

InformationsquelleAutor John James Jacoby

Vous devez vous connecter pour publier un commentaire.