Obtenir des valeurs d'attributs de select2 option sélectionnée

Je suis en utilisant le Select2 plugin de http://ivaynberg.github.io/select2/select2-latest.html ce qui fonctionne bien, mais je vais avoir un problème pour obtenir les valeurs des attributs d'options.

J'ai un menu de choix comme ceci:

<select name="invoice_line[0][vat]" class="vat">
    <option value="20440" data-value="21.00" data-name="20440" selected="selected">21%</option>
    <option value="20441" data-value="6.00" data-name="20441">6%</option>
    <option value="20442" data-value="0.00" data-name="20442">0%</option>
</select>

Comment puis-je obtenir les valeurs des attributs de données de la valeur", "des données-nom' et 'valeur' de l'option sélectionnée?

InformationsquelleAutor Leon van der Veen | 2013-10-03

12
```
obj = $("#dropdown").select2("data")
```
dans obj la variable i sera tous les data de la selected node.

InformationsquelleAutor utkarsh
5

Ce fut répondu dans DONC, la question d'une autre

Il n'existe pas de méthode directe avec select2, vous pouvez utiliser une combinaison de select2 de données et jQuery :

$("#exemple").select2().find(":selected").de données("id");

D'abord vous obtenez le select2 de données, alors vous trouverez votre option sélectionnée avec jQuery et enfin l'attribut data -.

InformationsquelleAutor pymarco
2

Nous pouvons utiliser une combinaison de select2 de données et jQuery :
```
$("#example").select2('data').element[0].attributes['data-name'].value
```
InformationsquelleAutor Shamsudheen

La suite travaillé pour moi. L'idée est d'utiliser le "changement" de la fonction comme suit

<select class="drop-down">
     <option value="0">A</option>
     <option value="1">B</option>
</select>

$('.drop-down').select2().on("change", function(e) {
    var obj = $(".drop-down").select2("data");
    console.log("change val=" + obj[0].id);  //0 or 1 on change
});

InformationsquelleAutor Kunal

Pas d'idée sur le pluggin, et sans vérifier si le code fonctionne, j'imagine que ce serait quelque chose comme ceci:

$('.vat li').each(function(){
     var me = $(this),
     mevalue = me.attr('value'),
     datavalue = me.data('value'),
     dataname = me.data('name');

     //do what you want with the data?
});

InformationsquelleAutor Jamie Hutber

0

Mettre select2 dans le marquage de mode , il vous aidera.
Ou
Essayez ci-dessous un code similaire, il peut travailler pour vous ...
```
$("$id").select2("val", option);
$("$id").attr("data-name");
```
InformationsquelleAutor Praveen D

Je sais que c'est un vieux post, mais j'ai eu du mal avec ce même problème. C'est la solution que moi et mon bon ami Thys, enfin, se sont mis au travail:

<script type="text/javascript">

$(document).ready(function ()
{
    $("#e1").select2();

    $("#e1").change(function () {

        var theID = $("#e1").val();
        $('#staffNr').val(theID);
        $('#staffNr').val();
            //var theID = $(test).select2('data').id;
            var theSelection = $(test).select2('data').text;
            $('#selectedID').text(theID);
            $('#selectedText').text(theSelection);
    });

});

@Html.Hidden("fieldName","staffNr");

Cela a fonctionné dans mon MVC 4 vue avec la dernière ligne de mon formulaire html où il est correctement ajouté au modèle. N'oubliez pas à voter si vous utilisez ma réponse s'il vous plaît 🙂 je n'ai pas beaucoup d'une réputation...

InformationsquelleAutor abiNerd

0

J'espère que vous avez résolu le problème. Ici, nous ne pas utiliser select2(), si nous utilisons select2() il ne fonctionne pas sur toutes les autres fonctions comme formatNoMatches, on-change....
```
$("#example").find(":selected").data("id");
```
InformationsquelleAutor Selvamani

el = document.getElementsByName("invoice_line[0][vat]")
el.options[[el.selectedIndex]].attributes["data-id"].value

InformationsquelleAutor Vishal Kumar

0

La params.data.element objet de l'élément sélectionné contient les données que vous recherchez.

Où .foo est l'élément select, je vais appeler, et l'attribut de données dans les options je veux accéder est data-bar="some value" La suivante fonctionne pour moi:
```
var $fooSelect = $('.foo');
$fooSelect.on(function (e) {
  console.log($(e.params.data.element).data('bar'));
});
```
InformationsquelleAutor brianrhea

Vous pouvez accéder aux attributs de la recherche dans les DOM structure:

<select id="select_name">
   <option value="20440" data-value="21.00">21%</option>
   <option value="20441" data-value="6.00">6%</option>
   <option value="20442" data-value="0.00">0%</option>
</select>

    $('#select_name option').each(function (index) {
        console.log($(this).attr("data-value"));
    });

InformationsquelleAutor patriciabravos

0

définir un id pour votre sélectionnez l'élément et ce serait le travail
```
$('select#your-id').find('option[value="'+$('#your-id').val()+'"]').attr('data-attribute');
```
InformationsquelleAutor mohammad.sn

Vous devez vous connecter pour publier un commentaire.