实现 CSS 选择：关闭时获取选定值答案

【问题标题】：Materialize CSS select: Get selected value when close实现 CSS 选择：关闭时获取选定值
【发布时间】：2017-07-25 13:05:04
【问题描述】：

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

类似这样的：

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

只是不起作用，因为显示最后选择的值。第一次什么都不显示，下一次第一次显示选择的值。

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

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

提前致谢。

更新

我不想通过 jquery 选择值，我想在下拉关闭时检测选择的值（如果已选择任何选项）。

我正在尝试为文本输入实施标签循环性：打开选择时，标签变小，如果关闭“选择”，则如果没有选择任何值，则返回初始位置。

【问题讨论】：

你不想改变它吗？例如$('input.select-dropdown').on('change', function() { console.log($(this).val()); }).trigger('change');
Change value of materialize select box by jquery的可能重复
更改不起作用，我需要在关闭时获取选定的值。不重复，因为我不想以编程方式更改 select 的值。

【解决方案1】：

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

有了这两个类（来自 Materialize 框架的“活动”和在选择元素上分配的“强制”）我可以做我想做的事情，选择标签就像文本输入标签一样工作:)

【讨论】：

【解决方案2】：

使用鼠标按下事件。

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

或者您可以尝试change 事件。这里：

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

【讨论】：

似乎不工作，打开时显示选定的值，而不是关闭时:(
@SamuelE.Cerezo，你怎么看？
不适用于“更改”。 :( Te purpose to detect close event is because I'm implementing label funcionality as text input. When select is opened, label goes up and smaller, when select is closed, if no option selected, label returns to initial position.