Select2 Ausgewählte Optionsdaten abrufen

Lesezeit: 1 Minute

Benutzer-Avatar
Kavson

$("#e2").select2("val") gibt mir den Wert zurück, aber ich will den nicht bekommen .$listtypes['name'] . entweder von data-name oder von der option tag display.

Ich möchte den Optionsdatennamen für die ausgewählte Option erhalten, wie kann ich dies erreichen?

Das ist mein Optionsgenerator

foreach($core->list_types() as $listtypes){
echo "
<option 
  data-name="".$listtypes["name'] ."' 
  value="".$listtypes["id']."'>
  ".$listtypes['name'] ."
</option>";
}

Sie können dies verwenden

$("#e2 option:selected").text();

Benutzer-Avatar
Sascha Stadnik

Versuche dies:

$('#e2').select2('data')

ausgewählte Optionsdaten zurückgeben

Benutzer-Avatar
Luis Morales

Diese Arbeit für mich:

Auf einfach auswählen2 um den Labelwert zu erhalten:

$('#myVar').select2('data')[0].<name_label_from_data_input>

Hilfreich kann ein Datendump sein auswählen2 Variable:

$('#myVar').on('change', function (evt) {
  if ($('#myVar').select2('val') != null){
    console.log($('#myVar').select2('data')[0]);    
  }
});

Und fangen Sie das Namensattribut des Labels ein.

Viel Glück!

  • Ich würde es nicht den “Label-Wert” nennen, weil das (für mich) impliziert $('#myVar').val()aber Ihre Antwort ist sehr nützlich, weil von $('#myVar').select2('data')[0] man kann Eigenschaften bekommen id, text, titleund der zugrunde liegende option Element über die Eigenschaft element.

    – Paulus

    1. Juni 2017 um 18:41 Uhr

Sie können dieses Skript verwenden

$('#editable-select').on('select2:select', function (e) {
            var data = e.params.data;
            console.log(data);
    alert(data['text']);
});

Sieht so aus, als würden die Antworten von @Kishan und @xploshioOn auf v4.0+ nicht funktionieren.

Versuche dies: $("#e2").text().trim()

Benutzer-Avatar
Kischan

Verwenden Sie die attr-Methode .attr("data-name") auf Ihrem Selektor.

1179400cookie-checkSelect2 Ausgewählte Optionsdaten abrufen

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy