jQuery select2 obtenir la valeur de la balise select?

Bonjour les amis voici mon code:

<select id='first'>
  <option value='1'> First  </option>
  <option value='2'> Second </option>
  <option value='3'> Three  </option>
</select>

C'est mon select2 code:

$("#first").select2();

Ci-dessous est le code pour obtenir la valeur sélectionnée.

$("#first").select2('val'); //It returns first,second,three.

C'est du retour d'un texte comme first,second,three et je veux obtenir 1,2,3.

Signifie que j'ai besoin de la valeur de la boîte de sélection, pas de texte.

Pouvez-vous fournir un JSFiddle? Il serait très utile.
la question n'est pas claire. exactement ce que u veux?

InformationsquelleAutor Renish Khunt | 2013-11-11

jquery jquery-select2

118
```
$("#first").val(); //this will give you value of selected element. i.e. 1,2,3.
```
- $("#en premier").val(); //retourner 1,2,3 OU $("#en premier").select2 (val); // retourner des premier,deuxième,trois
- $("#en premier").val(); sera de retour le 1,2,3 (qui est toujours sélectionné) et pouvez-vous poster le code en fonction de select2() pour plus de détails.
- pour sélectionner appelé par le nom de l'id au lieu du nom de la classe, utilisez: $(".d'abord").val()
InformationsquelleAutor somesh
48

Pour obtenir Sélectionnez l'élément que vous pouvez utiliser $('#first').val();

Pour obtenir le texte de la valeur sélectionnée - $('#first :selected').text();

Pouvez-vous s'il vous plaît poster votre select2() code de la fonction
- $("#en premier").val(); //retourner 1,2,3 OU $("#en premier").select2 (val); // retourner des premier,deuxième,trois
- Ne suis pas sûr, j'ai compris votre question.
- lorsque j'ai utilisé select2 plugin puis-je obtenir la valeur à l'aide de $("#en premier").val(). ce n'est pas de retour tout retour de vide.
- Pouvez-vous fournir violon exemple avec votre plugin?
- J'ai eu à utiliser $('#first :selected').text(); l'autre option est de retourner toutes les options possibles.
InformationsquelleAutor Krish R
33

$("#first").select2('data') renvoie toutes les données sous forme de cartes de
- Très utile si vous avez d'autres propriétés sur les objets select2
InformationsquelleAutor wawa
7

Cette solution vous permet d'oublier sélectionner l'élément. Utile lorsque vous ne disposez pas d'un id sur sélectionner des éléments.
```
$("#first").select2()
.on("select2:select", function (e) {
    var selected_element = $(e.currentTarget);
    var select_val = selected_element.val();
});
```
InformationsquelleAutor Steven Johnston

Si vous êtes en utilisant ajax, vous voudrez peut-être obtenir mise à jour de la valeur de sélection de droite après la sélection.

//Part 1

$(".element").select2(/*Your code*/)    

//Part 2 - continued 

$(".element").on("select2:select", function (e) { 
  var select_val = $(e.currentTarget).val();
  console.log(select_val)
});

Crédits: Steven Johnston

InformationsquelleAutor Johny Pie

2

Voir ce violon.

Fondamentalement, vous voulez obtenir le values de votre option-tags, mais vous essayez toujours d'obtenir la valeur de votre select-nœud avec $("#first").val().

Nous devons donc sélectionner l'option-tags et nous utiliserons jQuerys sélecteurs:
```
$("#first option").each(function() {
    console.log($(this).val());
});
```
$("#first option") sélectionne chaque option qui est un enfant de l'élément avec l'id first.
- $("#en premier").val(); //retourner 1,2,3 OU $("#en premier").select2 (val); // retourner des premier,deuxième,trois
- Semble que je suis votre question mal, alors s'il vous plaît préciser exactement ce que vous voulez atteindre.
- lorsque j'ai utilisé select2 plugin puis-je obtenir la valeur à l'aide de $("#en premier").val(). ce n'est pas de retour tout retour de vide.
- Voir ce violon. Fonctionne parfaitement bien pour moi. (J'ai ajouté select2.js en vertu de ressources externes, bien que je ne peux pas dire pourquoi les boîtes moche).
- la clé est que vous avez dit que nous voulons obtenir la valeur de l'option tags!
InformationsquelleAutor Basti M
2

Essayez ceci :
```
$('#input_id :selected').val(); //for getting value from selected option
$('#input_id :selected').text(); //for getting text from selected option
```
- les réponses ici ne sont pas seulement pour vous (la personne qui pose la question), mais aussi pour d'autres personnes à voir cette page. Et les plus différentes solutions sont présentées ici, le meilleur choix a tout le monde, encore une fois: non seulement vous 🙂
- Ouais, je suis désolé. Merci, @infografnet et je vous Remercie beaucoup Fahmi Imanudin pour poster une réponse 🙂
InformationsquelleAutor Fahmi Imanudin
1

Réponse est Simple :
```
$('#first').select2().val()
```
et vous pouvez écrire de cette manière également:
```
 $('#first').val()
```
InformationsquelleAutor Rajiv Sharma
0

Autres réponses ne fonctionnait pas pour moi j'ai donc développé une solution:

J'ai créé option class=option"-rubrique" pour faciliter le ciblage

HTML :
```
<select id="select-test">
<option value="5-val" id="first-id" class="option-item"> First option </option>
</select>
```
Puis pour chaque option sélectionnée, j'ai ajouté afficher aucun propriété

CSS:
```
option:checked {
   display: none;
}
```
Maintenant, nous pouvons ajouter changement à notre SelectBox pour trouver notre option sélectionnée avec affichage aucune propriété par simple :hidden attribut

JQuery:
```
$('#select-test').change(function(){
//value 
    $('#select-test').find('.option-item:hidden').val();
//id
    $('#select-test').find('.option-item:hidden').attr('id');
//text
    $('#select-test').find('.option-item:hidden').text();
});
```
De travail violon: https://jsfiddle.net/Friiz/2dk4003j/10/

InformationsquelleAutor Bartosz Was

Solution :

var my_veriable = $('#your_select2_id').select2().val();
var my_last_veriable = my_veriable.toString();

InformationsquelleAutor Hafzullah YILDIRIM

Vous devez vous connecter pour publier un commentaire.