如何检测实现选择下拉列表的关闭事件

时间:2017-12-14 06:06:42

标签: jquery html css select materialize

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

我能够输入两个div,一个用于常规输入标签,另一个用于选择下拉列表。

最初将隐藏选择下拉列表,只有输入标签可见。在单击输入标签时,我隐藏了标签,然后显示选择下拉列表并触发下拉打开事件,以便下拉菜单自动打开。现在问题是如果从下拉列表中没有选择任何内容,并且如果我关闭下拉列表,我想隐藏选择下拉列表并显示输入标签。

我试过onClose()onChange(),似乎没什么用。

onChange()只能检测我是否从下拉列表中选择了一个选项。但如果没有选择任何东西,它就不会检测到关闭。

1 个答案:

答案 0 :(得分:0)

最后,我能够确定focusout()在这种情况下有效。 对焦时,只需隐藏选择下拉标签并显示输入标签,如果输入值为空。