Materialize CSS select: Erhalte den ausgewählten Wert beim Schließen

Question

Versuch, einen ausgewählten Wert für Materialise CSS zu erhalten, wähle Element beim Schließen aus.

Etwas wie folgt aus:

$('input.select-dropdown').on('close', function() { 
    console.log($(this).val()); 
}); 

funktioniert einfach nicht, weil zeigt ausgewählte Wert dauern. Das erste Mal zeigt nichts, und das nächste Mal zeigt den ausgewählten Wert zum ersten Mal.

Dies liegt daran, dass die Close-Aktion deklariert wird, bevor der ausgewählte Wert zugewiesen wird.

Wer weiß, ob es eine Möglichkeit gibt, den Wert auf "Schließen" zu setzen?

Vielen Dank im Voraus.

UPDATE

Ich will nicht Wert von Jquery wählen, ich mag ausgewählten Wert erkennen, wenn Drop-Down schließen (falls vorhanden Option ausgewählt wurde).

Ich versuche, Etikettenfunktionalität für Auswahl wie für Texteingabe zu implementieren: Wenn Auswahl geöffnet ist, wird Etikett kleiner, und wenn Auswahl geschlossen ist, wenn kein Wert ausgewählt ist, kehrt zur Anfangsposition zurück.

Answer 1

Schließlich habe ich nur hinzufügen, eine andere Klasse Etikett, wenn das Element in Dropdown geklickt wird.

Mit diesen beiden Klassen („aktiv“ von Materialise Rahmen und „gezwungen“ asigned auf der Auswahl-Element) Ich kann tun, was ich will, Label für ausgewählte Arbeits wie Beschriftung der Texteingabe :)

Answer 2

Verwenden Sie das Mouse-Down-Ereignis.

$('input.select-dropdown').on('mousedown', function() { 
    console.log($(this).val()); 
}); 

Oder Sie können mit 10 Ereignis versuchen. hier:

$('input.select-dropdown').on('change', function() { 
     console.log($(this).val()); 
    }); 

Answer 3

Versuchen

$(document).on('change', 'input.select-dropdown', function() { 
    console.log($(this).val()); 
});