Question

尝试在关闭时在Materialize CSS上选择元素。

这样的事情：

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

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

我认为这是因为在asign选择值之前声明了关闭动作。

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

提前致谢。

更新

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

我正在尝试为文本输入选择标签功能：当打开选择时，标签变小，当选择关闭时，如果没有选择值，则返回初始位置。

Answer 1

尝试

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

Answer 2

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

有了这两个类（来自Materialize框架的“活动”和选择元素上的“强制”）我可以做我想要的，选择标签作为文本输入的标签：）

Answer 3

使用鼠标按下事件。

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

或者您可以尝试使用change活动。这里：

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