jquery - 物化CSS选择: Get selected value when close

Question

尝试在关闭时获取 Materialize CSS 选择元素上的选定值。

类似这样的事情:

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

只是不起作用，因为显示了最后选择的值。第一次不显示任何内容，下次显示第一次选择的值。

我想这是因为关闭操作是在指定选定值之前声明的。

有人知道是否有任何方法可以在“关闭”时获取选定的值？

提前致谢。

更新

我不想通过 jquery 选择值，我想在下拉菜单关闭时检测所选值(如果已选择任何选项)。

我正在尝试实现 select 的标签功能，就像文本输入一样:当 select 打开时，标签变小，当 select 关闭时，如果没有选择任何值，则返回到初始位置。

Answer 1

最后，我只是在单击下拉列表中的元素时添加一个不同的类来标记。

有了这两个类(Materialize 框架中的“active”类和选择元素上指定的“forced”类)，我可以做我想做的事情，选择的标签就像文本输入的标签一样工作:)