Get-Attribute-Werte aus select2 ausgewählten option

Ich bin mit dem Select2 plugin von http://ivaynberg.github.io/select2/select2-latest.html was funktioniert gut, aber ich habe da ein problem, um die Werte aus den Optionen, Parametern.

Ich habe ein select-Menü wie dieses:

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

Wie bekomme ich die Werte der Attribute "data-value', 'data-name' und 'Wert' der ausgewählten option?

InformationsquelleAutor Leon van der Veen | 2013-10-03

11
```
obj = $("#dropdown").select2("data")
```
in obj variable, die ich erhalten alle data des selected node.

InformationsquelleAutor utkarsh
5

Diese wurde beantwortet eine andere Frage

Gibt es keine direkte Methode mit select2, können Sie eine combinaison des select2 Daten und jQuery :

$("#Beispiel").select2().finden(":selected").data("id");

Zunächst erhalten Sie die select2 Daten dann finden Sie Ihre gewählte option mit jQuery und schließlich die Daten-Attribut.

InformationsquelleAutor pymarco
1

Wir können eine Kombination von select2 Daten und jQuery :
```
$("#example").select2('data').element[0].attributes['data-name'].value
```
InformationsquelleAutor Shamsudheen

Folgenden arbeitete für mich. Idee ist, verwenden Sie "ändern" - Funktion wie folgt

<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

Keine Ahnung, wie das Stopfen, und ohne zu prüfen, ob der code funktioniert, ich kann mir vorstellen, es wäre so etwas wie dieses:

$('.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

Setzen select2 in tagging-Modus , wird es Ihnen helfen.
Oder
Versuchen Sie, unter ähnlichen code, es kann für Sie arbeiten ...
```
$("$id").select2("val", option);
$("$id").attr("data-name");
```
InformationsquelleAutor Praveen D

Weiß ich, dass dies eine alte post, aber ich kämpfte mit diesem problem. Dies ist die Lösung, die mir und meinem guten Freund Thys, endlich zu arbeiten:

<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");

Dieser war in meiner MVC 4 anzeigen, mit der letzten Zeile in meinem html-Formular, wo es richtig zum Modell Hinzugefügt. Vergessen Sie nicht, bis Sie Ihre Stimme, wenn Sie meine Antwort bitte 🙂 ich habe nicht viel von einem Ruf...

InformationsquelleAutor abiNerd

0

Ich hoffe, dass Sie das Problem gelöst. Hier wir nicht mit select2(), wenn wir select2() wird es nicht funktionieren, alle anderen Funktionen wie 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

Den params.data.element Objekt das ausgewählte Element enthält die Daten, die Sie suchen.

Wo .foo ist das select-element rufe ich, und das data-Attribut innerhalb der Optionen, die ich zugreifen will, ist data-bar="some value" Folgendes funktioniert bei mir:
```
var $fooSelect = $('.foo');
$fooSelect.on(function (e) {
  console.log($(e.params.data.element).data('bar'));
});
```
InformationsquelleAutor brianrhea

Können Sie den Zugriff auf Attribute, die der Suche in der DOM-Struktur:

<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

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.